Forum moderator: bigblog  
uCoz Community » For Webmasters » Design Customization » Everything about design #798 goes here (How To Change Button? #798)
Everything about design #798 goes here
Vik
Posts: 36
Reputation: 0

Message # 1 | 3:49 PM
Please some one help! Can some one tell me how to change and install the actual buttons on design #798
Animorph
Posts: 2856
Reputation: 189

Message # 2 | 4:02 PM
Vik, can you be more specific about wich buttton , maybe provide a screenshot ? that would always be useful to help you out.

Best Regards


To busy building a passive income online ;)
Vik
Posts: 36
Reputation: 0

Message # 3 | 4:29 PM
Animorph, There is a picture Below

Also there is one on the polls where you have to submit...

oh yhea my website is http://multimcraft.ucoz.com/

hope you help me...and don't rate it awful

Post edited by Vik - Friday, 2011-05-13, 8:06 PM
CodeResolution
Posts: 1570
Reputation: 58

Message # 4 | 1:28 PM
Vik, go to Control Panel » Customize Design » Stylesheet (CSS)

Find:

Code
.tm_left {
    display: block;
    float: right;
    width: 5px;
    height: 21px;
    background: url(http://multimcraft.ucoz.com/Design/LeftTopButton.gif);
    margin-left: 8px;
}

.tm {
    display: block;
    float: right;
    height: 21px;
    background: url(http://multimcraft.ucoz.com/Design/MiddleTopButton.gif);
}

.tm_right {
    display: block;
    float: right;
    width: 5px;
    height: 21px;
    background: url(http://multimcraft.ucoz.com/Design/RightTopButton.gif);
}

You can change the links to the button images, and customize them there. Make sure to make a backup first.


Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.
Vik
Posts: 36
Reputation: 0

Message # 5 | 1:41 PM
CreativeCollusions, sorry if i didnt make myself cleat but they're the wrong buttons, they are the one at the top....

CodeResolution
Posts: 1570
Reputation: 58

Message # 6 | 2:08 PM
In that case, go to Control Panel » Customize Design » Stylesheet (CSS)

Find and edit:

Code
#top-menu {
    height: 39px;
    line-height: 39px;
    text-align: right;
    margin-right: 10px;
    padding-top: 1px;
    cursor: default;
}

#top-menu a {
    margin-top: 9px;
    display: block;
    width: auto;
    cursor: pointer;
    color: #000000;
    font: 12px 'Tahoma';
    text-transform: uppercase;
    line-height: 20px;
    text-decoration: none;
    margin-left: 8px;
    outline: none;
}

#top-menu a:hover span.tm, #top-menu a:hover span.tm_left, #top-menu a:hover span.tm_right {
    background-position: 0px -21px;
}

.tm_left {
    display: block;
    float: right;
    width: 5px;
    height: 21px;
    background: url(http://multimcraft.ucoz.com/Design/LeftTopButton.gif);
    margin-left: 8px;
}

.tm {
    display: block;
    float: right;
    height: 21px;
    background: url(http://multimcraft.ucoz.com/Design/MiddleTopButton.gif);
}

.tm_right {
    display: block;
    float: right;
    width: 5px;
    height: 21px;
    background: url(http://multimcraft.ucoz.com/Design/RightTopButton.gif);
}

Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.
Vik
Posts: 36
Reputation: 0

Message # 7 | 7:09 AM
CreativeCollusions, that wasnt 100% correct but i have found out how to do it correctly so thank you....

Added (2011-05-20, 1:09 Am)
---------------------------------------------
Hi, I've changed my buttons but when i go to Photo Albums where the pages are it's the default ones please can someone help....

Post edited by Vik - Friday, 2011-05-20, 7:09 AM
Natashko
Posts: 3366
Reputation: 171

Message # 8 | 4:21 PM
Vik, as far as I can see, you have made all the necessary changes. Is the problem still topical?
Vik
Posts: 36
Reputation: 0

Message # 9 | 6:26 PM
Natashko, it's fine now but before it wasn't i dont really know what happend but yeah its fine now
Hibari-Tsuna-4-ever
Posts: 3
Reputation: 0

Message # 10 | 4:45 AM
Hello, I was wondering how to put different banner in the forum. I had successfully putted the one i wanted in the Home page, but when i try in the Forums it changes the one in the Home page too.

http://ilovepiees.ucoz.com/ <--- Website.

http://i1086.photobucket.com/albums/j448/SweetIndulgent/PREVIEWS/Konachan.png <--- Banner I want for Forum.

And i was wondering how to change the color of the fonts in the Navigator.

Thnx in advance and I hope you guys can Help me~ >D

-Hibari-Tsuna-4-Ever-

PS: just in case, i want Different banners in Home Page and in Forum. Of possible in every page.
Post edited by Hibari-Tsuna-4-ever - Tuesday, 2011-10-11, 4:51 AM
Natashko
Posts: 3366
Reputation: 171

Message # 11 | 2:22 PM
Hibari-Tsuna-4-ever, there are two possible variants:
The first one is to use conditional operators in the template "Top part of the website". See more about conditional operators here:http://forum.ucoz.com/forum/37-471-2285-16-1206524844
The second option is to use forum template "General appearance of forum pages". Find $GLOBAL_HEADER$ code there. Substitute it with the code from "Top part of the website" template. Customize it, if you need.
Hibari-Tsuna-4-ever
Posts: 3
Reputation: 0

Message # 12 | 7:03 PM
Natashko, Hmm i did the second option but now i do not know where to put the banner.

Code
<html><head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$MODULE_NAME$</title>
<?$META_DESCRIPTION$?>

<link type="text/css" rel="StyleSheet" href="/_st/my.css">
</head>
<body>
$ADMIN_BAR$
<br><div id="all">
<div id="top-stripe"></div>
<div id="header">
     <div id="top-menu">
         <!--IF--><a href="$RSS_LINK$"><span class="tm_right"></span><span class="tm"><span class="ico rss"></span></span></a>
         <?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><span class="tm_right"></span><span class="tm"><span class="ico logout"><!--<s5164>-->Log out<!--</s>--></span></span><span class="tm_left"></span></a>
         <?else?><a href="$LOGIN_LINK$"><span class="tm_right"></span><span class="tm"><span class="ico login"><!--<s3087>-->Login<!--</s>--></span></span><span class="tm_left"></span></a><?endif?>
         <?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$"><span class="tm_right"></span><span class="tm"><span class="ico prof"><!--<s5214>-->My profile<!--</s>--></span></span><span class="tm_left"></span></a>
         <?else?><a href="$REGISTER_LINK$"><span class="tm_right"></span><span class="tm"><span class="ico reg"><!--<s3089>-->Registration<!--</s>--></span></span><span class="tm_left"></span></a><?endif?>
         <a href="$HOME_PAGE_LINK$"><span class="tm_right"></span><span class="tm"><span class="ico home"><!--<s5176>-->Main<!--</s>--></span></span><span class="tm_left"></span></a>
     </div>
     <div id="sitelogo">
         <div id="sitelogo-left"></div>
         <div id="sitelogo-mid">
             <!-- <logo> -->My site<!-- </logo> -->
         </div>
         <div id="sitelogo-right"></div>
     </div>
     <div id="header-right">
         <div id="search">
             <?if($SEARCH_FORM$)?>
             <div id="searchbg">
                 <div class="searchForm"><form action="/search/" style="margin: 0pt;" method="get" onsubmit="this.sfSbm.disabled=true"><div class="schQuery" align="center"><input class="queryField" size="20" maxlength="30" name="q" onblur="if(this.value=='') this.value='Search...';" onfocus="if(this.value=='Search...') this.value='';" value="Search..." type="text"></div><div class="schBtn" align="center"><input value="Find" name="sfSbm" class="searchSbmFl" type="submit"></div></form></div>
             </div>
             <?endif?>
         </div>
         <div id="today">
             $WDAY$, $DATE$, $TIME$
         </div>
     </div>
     <div style="clear: both;"></div>
</div>
<div id="nav">
     <div id="mainmenu">
         <!-- <sblock_menu> -->
         <?if($SMENU_1$)?><!-- <bc> -->$SMENU_1$<!-- </bc> --><?endif?>
         <!-- </sblock_menu> -->
     </div>
     <div style="clear:both;"></div>
</div>
<div style="height: 5px; margin: auto; overflow: hidden;"></div>
<div id="content">
<div id="content-top"></div>
<div id="content-mid">
<div id="maincol">
<div class="forumContent"><table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">
<tbody><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://s49.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>
</tbody></table>
$BODY$</div><br>
</div>
<div id="rightcol">
<div id="soc">
<?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?>
<a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>
<a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>
<a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>
<a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>
<a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter"></a>
</div>
$GLOBAL_CLEFTER$
</div>
<div style="clear: both;"></div>
</div>
$GLOBAL_BFOOTER$
</div>
</div>

</body></html>


>.< i'm really sorry for the bother~!

-Hibari-Tsuna-4-Ever-
Natashko
Posts: 3366
Reputation: 171

Message # 13 | 2:05 PM
Hibari-Tsuna-4-ever, find:
Code
<div id="header">
in the code that you have provided and substitute it with:
Code
<div id="header" style="background: url(URL-TO-IMAGE) !important;">
Hibari-Tsuna-4-ever
Posts: 3
Reputation: 0

Message # 14 | 3:25 PM
Natashko, OMG! YAY~! Thnx! >3
Ookami
Posts: 31
Reputation: 0

Message # 15 | 9:14 PM
Hey how do i make the background fixed?

Code
/*--------------------- General styles start ---------------------*/

body {
  margin: 0px;
  background-image:url('http://animeonthego.ucoz.org/bg.jpg');
  background-repeat:repeat-x;
  font: 13px 'Tahoma', 'Arial' , 'Helvetica' , 'sans-serif';
  color: #808080;
  text-align: center;
}
uCoz Community » For Webmasters » Design Customization » Everything about design #798 goes here (How To Change Button? #798)
Search: