Leaderboard

Hey there Webflakians, Today I spent hours trying to figure out how to manually edit the Font, Size, and Text Color dropdown menus that is included with IPB's ckeditor. I have tried searching the world wide web, but after some browsing I couldn't find a single tutorial. So I decided to make one through trial and error. To make it a little easier to understand why someone would want to do this I will be using the hook Editor Themes V1.0.0 by IPS Themes. It's available for download here: After installing the hook I setup it up like so With the hook active and setup the dropdown menus looked horribly ugly and blocky The Text Color dropdown stood out to me like a sore thumb Also if you want to use for example the paste option, it's practically impossible to see without having your nose 2 inches from your monitor Lets start by making our paste tool easy to see and practical. Under Look & Feel find and open ipb_ckeditor.css Once you have your ipb_ckeditor.css file open, search for this .cke_skin_ips .cke_dialog_contents, .cke_skin_ips .cke_dialog_footer{ border-top: 1px solid #333 !important; background: #222222 !important; } Now all we need to do is simply change the background color. I chose to go with the this color .cke_skin_ips .cke_dialog_contents, .cke_skin_ips .cke_dialog_footer{ border-top: 1px solid #333 !important; background: #adadad !important; } What we get is something that is easy to see and not so straining For the Font and Size dropdown menus you'll have to have FTP access. You'll need to simultaneously edit 2 files in order for the changes to take effect. Editor.css and Panel.css. You can find both by navigating to this folder: /public/js/3rd_party/ckeditor/skins/ips. We'll start by change this background. Find this bit of code (remember to make these edits in both files) ul.cke_panel_list { list-style-type: none; margin: 3px; padding: 0; white-space: nowrap; } And change it to ul.cke_panel_list { list-style-type: none; margin: 0; padding: 0; white-space: nowrap; } Next Find .cke_panel_listItem a { padding: 2px; display: block; border: 1px solid #fff; color: inherit !important; text-decoration: none; overflow: hidden; text-overflow: ellipsis; } Tweak it like so .cke_panel_listItem a { padding: 2px; display: block; border: none; color: inherit !important; background-color: #595959; text-decoration: none; overflow: hidden; text-overflow: ellipsis; } About half way there. Find and edit this .cke_panel_grouptitle { font-size: 11px; font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; font-weight: bold; white-space: nowrap; background-color: #dcdcdc; color: #000; margin:0px; padding:3px; } End result should match this .cke_panel_grouptitle { font-size: 11px; font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif; font-weight: bold; white-space: nowrap; background: #dcdcdc url('{style_images_url}/highlight_faint.png') repeat-x 0 1px !important; color: #000; margin:0px; padding:3px; } You are now done with your Font and Size dropdown menus and they should look similar to what I currently have Much, much better right? Well alas I think so. Ok now we just have the Text Color dropdown. The edits are still in the same 2 files so don't close them yet. Find .cke_colorblock { padding: 3px; font-size: 11px; font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif; } And change it to .cke_colorblock { padding: 3px; font-size: 11px; font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif; background: #595959; } Now Find span.cke_colorbox { width: 10px; height: 10px; border: #808080 1px solid; float: left; } And edit it like so span.cke_colorbox { width: 10px; height: 10px; border: none; float: left; } Basically all we are doing is removing all of the borders. Find a.cke_colorbox { border: #fff 1px solid; padding: 2px; float: left; } Change it to a.cke_colorbox { border: none; padding: 2px; float: left; } Find a:hover.cke_colorbox, a:focus.cke_colorbox, a:active.cke_colorbox { border: #316ac5 1px solid; background-color: #dff1ff; } Change to a:hover.cke_colorbox, a:focus.cke_colorbox, a:active.cke_colorbox { border: none; background-color: #dcdcdc; } Find a.cke_colorauto, a.cke_colormore { border: #fff 1px solid; padding: 2px; display: block; cursor: pointer; } Change to a.cke_colorauto, a.cke_colormore { border: none; padding: 2px; display: block; cursor: pointer; } Last, but not least find a:hover.cke_colorauto, a:hover.cke_colormore, a:focus.cke_colorauto, a:focus.cke_colormore, a:active.cke_colorauto, a:active.cke_colormore { border: #316ac5 1px solid; background-color: #dff1ff; } And get rid of the border a:hover.cke_colorauto, a:hover.cke_colormore, a:focus.cke_colorauto, a:focus.cke_colormore, a:active.cke_colorauto, a:active.cke_colormore { border: none; background-color: #fff; } Finally a conclusion to this simple yet long tutorial. your Text Color dropdown should now look like this For those of you who have read this whole tutorial I hope it has helped you in some way.

This is done with css, under acp --> look and feel --> your template --> css --> ipb_style.css and search for table.ipb_table td {padding: 10px; } then add border-bottom: 1px solid #E6DDDD; border-right: 1px solid #E6DDDD; on the end, should look like this table.ipb_table td { padding: 10px; border-bottom: 1px solid #E6DDDD; border-right: 1px solid #E6DDDD; }

In our ongoing effort to assist aspiring and current webmasters alike, below you'll find a list of sites that offer a variety of resources and assistance. If you've found use from any of these sites, be sure to click the button. Feel free to respond if you have any questions, testimonials, or additional tips for these sites. What CMS WhatCMS.org looks at a variety of factors within a webpage to determine what Content Management System (CMS) a website is using, but be aware that it is not 100% accurate. Save yourself sometime and simply enter the URL of the site you're interested in learning more about, and you should see a result indicating the software being utilized, often with a link to the source. Which CMS WhichCMS.org can help you narrow your preferred CMS search via a filtered list of features. WP Theme Detector If you guess that a site you like uses WordPress, head over to WPThemeDetector.com, enter the site's URL and click the green button. The WPTD tool will analyze the site for you and will display a wealth of information about the WordPress theme and plugins being used. IconFinder Iconfinder.com provides beautiful icons to millions of designers and developers. Icon Finder now hosts the worlds largest collection of premium icons. Search through 395,000+ icons or browse 4,100+ icon sets. IconArchive IconArchive.com allows you to search through more than 550,000 free icons. Browse icons by category, artist, popularity, date. Organize and share your favorites. JS Beautifier JSBeautifier.org will beautify, unpack or deobfuscate JavaScript and HTML; also makes JSON/JSONP readable. W3C Markup Validator This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links, there are other validators and tools available. Validator.w3.org

This tutorial will disable right click on your site for guests only! Just add that code at the very top of your ACP > look & Feel > Skin name > Global Template > defaultHeader <if test="IPSMember::isInGroup( $this->memberData, array(2) )"> <script language=JavaScript> var message="You Must Log-in before you can use Right Click!"; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") </script> </if>To Change what the message says all you need to do is Edit this part of the codes "You Must Log-in before you can use Right Click!" And if your wanna add different groups to the code just go to this <if test="IPSMember::isInGroup( $this->memberData, array(2) )">and where it says 0 add your groups like this 2,4,12 etc....

So, just to make clear; You will need 2 licences if you are running 2 forums. Just for example; http://support.webflake.sx = 1 basic (IPB Core + Forum) licence á $175,- http://donate.webflake.sx = 1 basic (IPB Core + Forum) licence á $175,- You may NOT have running 2 forums on 1 licence.

Hello, I think what you're looking for has been answered by @Phun in another topic. Located here:

I have been running forums, and building them for clients for many many years. And this is what I have learned... If I were you, I wouldn't start a Gaming forum. There are millions of gaming sites/forums already out there, and the chances of your gaming forum being succesful is very, very slim. If you still want to start a gaming forum, you have to do double the work, you have to work harder then all the other people with gaming forums, because you have to make your forum very unique and very original. You have to stay up-to-date with all the news and updates. Such as, when a very important update has been released, you have to post it on your forum within about an hour, and also post your point of view about the update, and maybe a review. If you don't work harder then your competition, or don't make your site feel or look original/unique, then your "Gaming" forum will not succeed. First thing I would do with any new Forum, is buy a custom style/theme. A custom style/theme is a theme that no one else has, its built from the ground up just for your forum. That is the first step of making your forum original/unique, and having it stand out from your competition. But like I said, I wouldn't start a gaming forum, there are just so many gaming forums out there. Actually, when most people want to start their first forum, most of the time they make a "Gaming Forum". Thats why there are just so many of them already. If you need help with anything, with the forum or the server your forum is running on, let me know. I am always willing to help. Also, if you cannot contact me on WebFlake, message me on Steam. SteamID: TheTechGenius.Net Good Luck with your forum!

Under acp --> look and feel --> your template --> (Downloads) Download Manager --> categoryListing Replace <if test="hasDescription:|:$data['file_desc']"><br /><span class='desc'>{parse expression="IPSText::truncate( strip_tags( IPSText::getTextClass('bbcode')->stripAllTags( $data['file_desc'] ), '<br />' ), 70 )"}</span> </if> With <!-- <if test="hasDescription:|:$data['file_desc']"><br /><span class='desc'>{parse expression="IPSText::truncate( strip_tags( IPSText::getTextClass('bbcode')->stripAllTags( $data['file_desc'] ), '<br />' ), 70 )"}</span> </if> -->

Thank you, that has worked for the Category listing but the featured files are still showing the description. Any help on that too? Thanks mate