Help with CSS

Marco · #1 17th February 2015, 11:15

Hello guys , i am looked all around the theme and details.php but i can't find how could this modify this.

I believe it's not from theme because in all themes is same

thank you for helping me

DND · #2 17th February 2015, 11:32

why don't you use firebug and see from where it is ?

Marco · #3 17th February 2015, 11:38

i didn't know about firebug :P

DND · #4 17th February 2015, 12:00

getfirebug.com

WhyMe · #5 17th February 2015, 12:20

Quote:

Originally Posted by Marco

Hello guys , i am looked all around the theme and details.php but i can't find how could this modify this.

I believe it's not from theme because in all themes is same

thank you for helping me

@ themes.css

Add or mod to your needs

PHP Code:


			
.shadetabs{border-bottom: 1px solid #555;margin-bottom: 1em;}
.shadetabs ul{font: bold 12px Verdana;list-style-type: none;margin-bottom: 0;margin-left: 0;margin-top: 1px;padding: 3px 0;text-align: center;}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a{background: white url("../images/shade.gif") top left repeat-x;border: 1px solid #555;color: #2d2b2b;margin-right: 3px;padding: 3px 7px;text-decoration: none;}
.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{color: #2d2b2b;text-decoration: none;}
.shadetabs li.selected{font: bold 11px Verdana;position: relative;top: 1px;}
.shadetabs li.selected a{background-image: url("../images/shadeactive.gif");border-bottom-color: white;}
.shadetabs li.selected a:hover{text-decoration: none;}

change the images to what you need

@ajaxtabs in theme.css

PHP Code:


			
.shadetabs{padding:3px 0; margin-left:0; margin-top:1px; margin-bottom:0; font:bold 12px Verdana; list-style-type:none; text-align:left}
.shadetabs li{display:inline; margin:0}
.shadetabs li a{text-decoration:none; padding:3px 7px; margin-right:3px; border:1px solid #778; color:#2d2b2b; background:white url(../images/shade.gif) top left repeat-x}
.shadetabs li a:visited{color:#2d2b2b}
.shadetabs li a:hover{text-decoration:underline; color:#2d2b2b}
.shadetabs li.selected{position:relative; top:1px}
.shadetabs li.selected a{background-image:url(../images/shadeactive.gif); border-bottom-color:white}
.shadetabs li.selected a:hover{text-decoration:none}
.contentstyle{border:1px solid gray; margin-bottom:1em; padding:10px}

if you want the full mod of this i can do it as ive got it on my TS SE 5.6-FINAL

So just a side note that is just abit of the code there is alot more too add but thats for me to know and you fined out

Marco · #6 17th February 2015, 15:16

thanks for your help :)

i will test it when i will go home :)

best wishes
Marco

WhyMe · #7 18th February 2015, 14:37

nps pm sent

fireknight thinks he know it lol

Marco · #8 18th February 2015, 19:01

i wish to thank all for helping me , but i believe my issue wasn't well pointed
i believe after deep serch i could solve my problem
with this
https://github.com/yui/yui3/wiki/Understanding-Skinning

PHP Code:


			
<div class="yui-skin-sam">
    <div id="details" class="yui-navset">
        <ul class="yui-nav">

so please be kind and tell me how to modify :) thank you

The Following User Says Thank You to DND For This Useful Post:
Marco (17th February 2015)

The Following User Says Thank You to WhyMe For This Useful Post:
Marco (17th February 2015)