   | |
| Forum moderator: bigblog |
| uCoz Community For Webmasters Design Customization Everything about design #847 hoes here! |
| Everything about design #847 hoes here! |
Kyrt_Ryder, hmm about sub menu's maybe this would help with that
http://forum.ucoz.com/forum/38-11050-1 the colour of your sub menu text needs to be changed in CSS anyway To busy building a passive income online ;)
|
Nope. Just spent the last while trying, but either I'm mis-reading something in there, or it doesn't apply to 847. (I don't have any 'u-menu' items in my CSS for one thing...)
Added (2011-02-23, 11:32 Am) Added (2011-03-11, 2:41 PM) I can't seem to figure out how to change the color of the forum breadcrumb navigation. Here's a link to a board, which demonstrates the problem with said beadcrumbs. Ideally I would only chage the color of said breadcrumbs (or apply a black background under the text field.) Added (2011-03-11, 2:51 PM) Post edited by Kyrt_Ryder - Friday, 2011-03-11, 8:43 PM
|
Kyrt_Ryder, go to CP ---> Design ---> Design management (templates) ---> Forum ----> General appearance of forum pages
Find; Code <div class="forumContent"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%"> <tr> <td align="right">[<?if($USER_LOGGED_IN$)?> <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Private messages<!--</s>-->($UNREAD_PM$)</a> · <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s36.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->New messages<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Members<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Forum rules<!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Search<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td> </tr> </table> $BODY$</div> Replace by: Code <table cellpadding="0" cellspacing="0" border="0" width="100%" id="contentBlock"> <tr> <td id="textBlock"><?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?><!-- <body> --> [<?if($USER_LOGGED_IN$)?> <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Private messages<!--</s>-->($UNREAD_PM$)</a> · <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s36.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->New messages<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Members<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Forum rules<!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Search<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ] $BODY$<!-- </body> --></td> </tr> </table> </td> <td valign="top" id="rightColumn"> <div id="dataBar">$WDAY$<br>$DATE$<br>$TIME$</div> $GLOBAL_CLEFTER$ </td> </tr> </table> </div> and save Note: be sure that your replace everything correctly or your template can be destroyed so go to To busy building a passive income online ;)
|
Thanks animorph, it worked like a charm.
Now, I've noticed the margins, See example of my forum (the blank green space between the forum and the side columns) are larger than I'd like. I've messed with a few things, but so far nothing's reducing them. (I'm looking to stretch the forum to cut those margins approximately in half, though all I need is the place to do it and I'll mess with the numbers myself.) Added (2011-03-12, 7:16 Am) For the login block, how would you change the links under it? For example say I wanted to turn the 'registration' link to say 'register' (and possibly change the color of the link) Post edited by Kyrt_Ryder - Saturday, 2011-03-12, 9:35 AM
|
Kyrt_Ryder,
Quote (Kyrt_Ryder) For the login block, how would you change the links under it? For example say I wanted to turn the 'registration' link to say 'register' (and possibly change the color of the link) go to CP->Design->Design management (CSS)->Top part of the website-> find this Code <a href="$REGISTER_LINK$">.........</a> |
Thank you Natashko, I did need to apply that for uniformity with the request I wanted, but I was actually referring to the login block (the one put in by the builder function.)
How would I go about changing the links in that? Added (2011-03-14, 11:44 Am) |
nUzR, I will make a guide on how to do this later today and link you to it. It is definitely possible to do what you are asking. It does take a little but of tinkering in the templates but otherwise it is quite an easy concept.
Jack of all trades in development, design, strategy.
Working as a Support Engineer. Been here for 13 years and counting. |
nUzR, you just need to edit your CSS and if you want it to change in forum then you will also need conditional operators. for example if you want to change the background on your blog module.
Other Modules Then Forum:
go to CP --> Design --> Design management (templates) ---> Blog --> Blog Mainpage ---> Search: Code <div id="contanier"> change it to Code <div id="contanier2"> Then go to CP --> Design ---> Design management (CSS) ---> Add: Code #contanier2 {background: url('newbg.png') repeat-x #000000;min-width:1000px;} Forum: 1. go to the board where you want your background to be different. 2. go to your admin/userbar , Hover the builder button and go to list of page variables 3. find your $URI_ID$ for example: frForumnumber for boards or frCategorynumber for sections. 4. copy it and paste it in notepad or something. Then go to CP --> Design --> Design management (templates) --> Forum --> General appearance of forum pages --> Find: Code <div id="contanier"> Change it to: Code <?if($URI_ID$ == "frForumnumber or frCategorynumber")?> <div id="contanier3"><?else?><div id="contanier"><?endif?> Then go to CP --> Design ---> Design management (CSS) ---> Add: Code #contanier3 {background: url('forumboarbg.jpg') repeat-x #000000;min-width:1000px;} and done :) To busy building a passive income online ;)
|
Quote (nUzR) Thank you. In my case I had to change Code <div id="leftPick"> Code <div id="contanier"> sorry i thought that you wanted to change the BG Quote (nUzR) Is it possible to make .boxtable; .boxtitle; .footer; in every page different? and yes this should be possible if you just follow the tutorial above then you can use conditional operators to edit your codes on various pages do you need help with it? or can you do it with the example that i made on my previous post ? To busy building a passive income online ;)
|
| |||