top


Amel Nuhanovic
How to make this navigations on forum?? - Thu Jan 19, 2012 12:51 am Author: Amel Nuhanovic

Navigations http://help.forumotion.com/t101059-green-hover-navigation-bar#655629

and this is forum http://xtremegraphic.forumotion.com/

i cant found where and how...please help


THANKS

shadowz_au
Re: How to make this navigations on forum?? - Thu Jan 19, 2012 10:19 pm Author: shadowz_au

ACP - Display - Pictures and Colors -Pics management - Advanced

Amel Nuhanovic
Re: How to make this navigations on forum?? - Thu Jan 19, 2012 11:54 pm Author: Amel Nuhanovic

i know need to edit there, but when i copy links to that navigations i see at forum where i edit but they dont showed at start forum, always original navigations from skin

Japorized
Re: How to make this navigations on forum?? - Fri Jan 20, 2012 7:41 pm Author: Japorized

shadow, that's not it.
You'll have to edit that in the CSS as mentioned by the poster.

Amel Nuhanovic
Re: How to make this navigations on forum?? - Sat Jan 21, 2012 7:00 am Author: Amel Nuhanovic

ok this is css where to put that???

Code:
body {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("http://i49.servimg.com/u/f49/17/19/54/89/body10.png");
    background-position: center center;
    background-repeat: repeat;
    color: #E6E6E6;
}

#format-buttons {
    border: 1px solid #444;
    padding: 3px;
}

#forum_stats {
    background: #222;
    border: 0px solid #333;
    float: right;
    margin-right: 10px;
    min-width: 150px !important;
    padding: 8px;

}

#post_no {
    color: #C7C7C7;
    font-size: 14px;
}
#topics_no {
    color: #E6B759;
    font-size: 14px;
}


#page-body {
    margin-top: 15px;
}

.gen {
    font-size: 12px;
    margin-top: 10px;
}

.my_legend {
    border: 1px solid #111;
    padding: 4px;
    background:transparent url(http://i43.servimg.com/u/f43/14/73/12/96/menu_b10.png)  center no-repeat;
    margin: auto;
    width: 350px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#page-footer {
    background: url(http://i43.servimg.com/u/f43/14/73/12/96/c-righ10.png) bottom right no-repeat;
    height: 55px;
}

a:link {
    color: #E6B759;
    text-decoration: none;
}
a:visited {
    color: #E6B759;
}
a:active {
    color: #E6B759;
}
a:hover {
    text-decoration: none !important;
    color: #fdfdfd!important;
}

.bodyline{
    background-color: #222;
    border: 1px #353535 solid;
    -webkit-box-shadow: 0px 0px 10px 1px #000000;
    -moz-box-shadow: 0px 0px 10px 1px #000000;
    box-shadow: 0px 0px 10px 1px #000000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bodylinewidth {
    width: 1050px;
}

.postdetails {
    color: #b4b4b4;
    font-size: 10px;
}
.postbody {
    font-size: 13px;
    line-height: 18px;
    color: #b4b4b4;
    font-family: Verdana, Arial, Sans-Serif;
    padding-left: 5px;
}

.topictitle, h1, h2 {
    color: #777;
    font-size: 11px;
    font-weight: 700;
}

form#quick_reply textarea#text_editor_textarea {
    padding: 4px;
    font-size: 13px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #b4b4b4;
    border: 0px;
    background: transparent;
}

.gen, .genmed, .gensmall {
    color: #eee;
}

hr {
    border: 0px solid #444;
    height: 0;
}

.code {
    background-color: #2c2c2c;
    border:solid 1px #111;
    padding: 4px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
       
.spoiler_closed {
    background-color: #262626;
    border: 1px solid #1c1c1c;
    padding: 4px;
}
       
.spoiler_content {
    background-color: #262626;
    border: 1px solid #1c1c1c;
    padding: 4px;
    color: #E6E6E6;
}

.maintitle, .maintitle h1 {
    display: none;
}

.quote {
    background-color: #262626;
    border: 1px solid #111;
    color: #E6E6E6;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
    padding: 4px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.row1, td.row3.over:hover {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
td.row1.over:hover, td.row2 {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
td.row3 {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.row3Right, td.spaceRow {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0px;
    height: 30px;
    background-image: url("http://i43.tinypic.com/2pq5nip.png");
}

.secondarytitle, .secondarytitle h2 {
    color: #EEEEEE;
    text-align: left;
    font-family: minecraft;
    text-shadow: 0 -1px 0 #666;
    font-size: 13px;
    padding-left: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 5px;
    font-weight: normal;
}

.cattitle {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

#text_editor_iframe, input, select, textarea {
    border: 0px solid #353535;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
    background-color: #222222;
}

input.mainoption {
    background-color: #222;
    font-weight: 700;
}
input.liteoption {
    background-color: #222;
    font-weight: 400;
}

input, select, textarea {
    background: #111;
}

th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
    font-weight: 700;
    border: 0px;
}

.nav {
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
}
a.nav {
    text-decoration: none;
    color: #fff;
    border: 1px solid #111;
    padding: 3px;
    background: #222;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.forumlink {
    color: #E6B759!important;
    font-size: 13px;
    font-weight: bold;
}

a.forumlink:hover {
    text-decoration: none!important;
    color: #fdfdfd!important;
    text-shadow: 0 0 5px #fff;
}

a.topictitle:link {
    text-decoration: none;
    color: #E6B759!important;
    font-size: 13px;
    font-weight: normal;
}
a.topictitle:hover {
    text-decoration: none!important;
    color: #fdfdfd!important;
    text-shadow: 0 0 2px #000;
}

a.topictitle:visited {
    text-decoration: none;
    color: #E6B759;
}


a.copyright {
    text-decoration: none;
    color: #656565 !important;
    border: 1px solid #111;
    padding: 3px;
    background: #222;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.poster-profile span {
    color: #fff !important;
}

.mainmenu {
    color: #E6B759;
    font-size: 17px;
    font-weight: normal;
    font-family: Arial, sans-serif;
}

a.mainmenu {
    text-decoration: none;
    border: 1px solid #111;
    background:transparent url(http://i43.servimg.com/u/f43/14/73/12/96/menu_b10.png)  center no-repeat;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
}
a.mainmenu:hover {
    text-decoration: none !important;
    color: #fdfdfd !important;
    text-shadow: 0 0 0 transparent, -1px 2px 10px #979797, 1px 0px 10px #979797;
}

.mainmenu img {
    display: none;
}

th {
    background-color: transparent;
    background-image: url("http://i43.tinypic.com/2pq5nip.png");
    color: #f1f1f1;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

.forumline {
    background-color: transparent;
    border: 0px solid #111;
    margin-top: 10px;
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1) inset;
}

body.chatbox {
    background-color: #222;
    background-image: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    min-width: 550px !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#chatbox_members {
    border-right: 1px solid #111;
    bottom: 0px;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    top: 30px;
    width: 180px;
    background: #1d1d1d;
}

.chatbox_row_1 {
    background-color: #222;
    padding: 4px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}
.chatbox_row_2 {
    background-color: #242424;
    padding: 4px;
}

#chatbox_members .member-title {
    background-color: #1D1D1D;
    background-image: none;
    color: #fdfdfd;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0.5em 0.25em;
    text-align: center;
}

#message, #submit_button {
    borderwidth: 1px;
    color: #fff;
    background: #222;
}

div#chatbox {
    color: #fff;
}

.resizebox .resize_border {
    background: #2c2c2c;
    border: 1px solid #111;
    display: block;
    padding-top: 4px;
}
.resizebox .resize_content {
    display: inline;
    padding: 3px;
}
.meni{list-style:none;
position: fixed;
top:0%;
left:-2px;
padding: 10px;}

Japorized
Re: How to make this navigations on forum?? - Sat Jan 21, 2012 7:43 pm Author: Japorized

Add the below at the end of your CSS

Code:
#i_icon_mini_index{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Home.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Home.png) no-repeat 0 -44px;}
 
#i_icon_mini_portal{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Portal.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Portal.png) no-repeat  0 -44px;}
 
#i_icon_mini_gallery{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Gallery.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Gallery.png) no-repeat  0 -44px;}
 
#i_icon_mini_calendar{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Calendar.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Calendar.png) no-repeat  0 -44px;}
 
#i_icon_mini_faq{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/FAQ.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/FAQ.png) no-repeat  0 -44px;}
 
#i_icon_mini_search{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Search.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Search.png) no-repeat  0 -44px;}
 
#i_icon_mini_members{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Members.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Members.png) no-repeat  0 -44px;}
 
#i_icon_mini_groups{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Groups.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Groups.png) no-repeat  0 -44px;}
 
#i_icon_mini_profile{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Profile.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Profile.png) no-repeat  0 -44px;}
 
#i_icon_mini_message{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Message.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Message.png) no-repeat 0 -44px;}
 
#i_icon_mini_new_message{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/New_pm.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/New_pm.png) no-repeat  0 -44px;}
 
#i_icon_mini_logout{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Logout.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Logout.png) no-repeat  0 -44px;}
 
#i_icon_mini_register{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Register.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Register.png) no-repeat  0 -44px;}
 
#i_icon_mini_login{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat  0 -44px;}

Amel Nuhanovic
Re: How to make this navigations on forum?? - Mon Jan 23, 2012 7:12 am Author: Amel Nuhanovic

i add same like how you say, but again same nothing changed

Japorized
Re: How to make this navigations on forum?? - Tue Jan 24, 2012 3:20 am Author: Japorized

Make your nav image only.

Amel Nuhanovic
Re: How to make this navigations on forum?? - Tue Jan 24, 2012 7:22 am Author: Amel Nuhanovic

can be locked i fix this

Japorized
Re: How to make this navigations on forum?? - Wed Jan 25, 2012 2:38 am Author: Japorized

Locked

Re: How to make this navigations on forum?? - Author: Sponsored content