Suche im Forum:
Suchen


Autor Nachricht
Beitrag31.07.2010 um 15:03 (UTC)    
Titel: Iceblue: Größe der Buttons von Unterseiten in der Navi

Hey Smile
ich würde gerne die größe der buttons in der navi bei den unterseiten ändern, die der hauptseiten sollten jedoch so groß bleiben...
ich bin leider irgendwie verwirrt, weil ich durch meinen code nicht mehr so ganz durchblicke und nicht weiß, wo ich was verändern muss .. Very HappyVery Happy es wäre wahnsinnig nett, wenn mir jemand helfen könnte Smile)

Hier ist mein Code:
Code:
<style type="text/css">
<!--
body {
background-color:#000000;
background-image:url();
background-repeat: repeat;
text-align:center;}
</style>

<style type="text/css">
<!--
td.edit_header_full{background-image:url(http://img.webme.com/pic/b/billiejoe-armstrong/banner.png);height: 300px;width: 921px;}
-->
</style>

<style type="text/css">
<!--
a,a:visited,a:hover {
font-size: 11px;
color: #b70b0b;
text-decoration:none;}
-->
</style>

<style type="text/css">
<!--
td.edit_content {
background-image:url();
background-color:#000000; }

td. headline2{
color:#FFFFFF;
font-size:14px;
height:35px; }

td.edit_content_bottom{
background-image:url();
background-color:#000000;
color:#FFFFFF; }

td.edit_content_bottom2{
background-image:url();
background-color:#000000;
color:#FFFFFF; }
</style>

<style type="text/css">
<!--
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#FFFFFF;
font-family:verdana;
text-align:left;
background-color:#000000;
background-image: url();
background-repeat: repeat
border:0px solid #XXXXXX; }
</style>

<style type="text/css">
<!--
td.nav_heading {
background-image:url();
background-color:#000000;
height:35px; }
-->
</style>

<style type="text/css">
<!--
td.nav {
background-image:url();
background-color:#000000;
width:125px
height:20px; }
</style>

<style type="text/css">
<!--
td.nav a {
font-size: 0px;
color: #FF0000;
text-align: left;}
-->
</style>

<style type="text/css">
<!--
td.edit_rb_footer {
background-image:url();
background-color:#000000; }

td.sidebar_heading {
background-image:url();
background-color:#000000;
height:20px;
font-size: 14px;
color: #000000;
text-align: left;}
-->
</style>

<style type="text/css">
<!--
.edit_rechts_sbg{visibility: hidden;}
.edit_rechts_bottom,.edit_rechts_cbg{background-image: none;}
td.edit_below_nav{visibility:hidden;}
td.edit_content_top{visibility:hidden}
td.edit_below_nav img{display:none;}
td.headline {visibility:hidden;}
td.edit_rechts_sbg {display:none;}
td.edit_navi_headbg{background-image: none;}
//-->
</style>

<style type="text/css">
<!--
td.nav_heading {
background-image:url(http://img.webme.com/pic/b/billiejoe-armstrong/navi.png);
background-color:#XXXXXX;
height:35px; }
width:185px; }
-->
</style>

<style type="text/css">
<!--
td.sidebar_heading {
background-image:url(http://img.webme.com/pic/b/billiejoe-armstrong/erstebox.png);
background-color:#XXXXXX;
height:35px; }
width:185px; }
-->
</style>

<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 24px}

#nav_About{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/about.png);}

#nav_About:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/abouthover.png);}
-->
</style>
<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 24px}

#nav_Biography{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/biography.png);}

#nav_Biography:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/biographyhover.png);}
-->
</style>
<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 24px}

#nav_News{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/news.png);}

#nav_News:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/newshover.png);}
-->
</style>
<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 20px}

#nav_TheBasics{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/thebasics.png);}

#nav_TheBasics:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/thebasicshover.png);}
-->
</style>


danke im vorraus und lg Smile
Beitrag15.08.2010 um 09:39 (UTC)    
Titel:

Hallo,

dein CSS Code hat sehr viele Fehler und vieles ist auch doppelt. Ich habe mal dein Code zusammengefasst und beschriftet welcher Befehl was bedeutet

Zitat:
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body { background-color:#000000; background-image:url(); background-repeat: repeat; text-align:center;}

/* Header */
td.edit_header_full{ background-image:url(http://img.webme.com/pic/b/billiejoe-armstrong/banner.png);height: 300px;width: 921px;}

/* Linkfarben + Größen auf Seiten und besuchte Links */
a,a:visited,a:hover { font-size: 11px; color: #b70b0b; text-decoration:none;}

/* Textfeld */
td.edit_content { background-image:url(); background-color:#000000; }

/* Seitentitel über Textfeld */
td. headline2{ color:#FFFFFF; font-size:14px; height:35px; }

/* Erster Balken unter dem Textfeld */
td.edit_content_bottom{ background-image:url(); background-color:#000000; color:#FFFFFF; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2{ background-image:url(); background-color:#000000; color:#FFFFFF; }

/* Rechte Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#FFFFFF;
font-family:verdana;
text-align:left;
background-color:#000000;
background-image: url();
background-repeat: repeat
border:0px solid #XXXXXX; }

/* Navi */
td.nav_heading { background-image:url(http://img.webme.com/pic/b/billiejoe-armstrong/navi.png); height:35px; width:185px; }
td.nav { background-image:url(); background-color:#000000; width:125px height:20px; }
td.nav a { font-size: 0px; color: #FF0000; text-align: left;}

/* Abschluß unter Boxen 1 bis 5 */
td.edit_rb_footer { background-image:url(); background-color:#000000; }

/* Titel über rechter Box */
td.sidebar_heading {
background-image:url(http://img.webme.com/pic/b/billiejoe-armstrong/erstebox.png);
background-color:#000000;
height:20px;
font-size: 14px;
color: #000000;
text-align: left;}


/* Sachen die unsichtbar gemacht wurden */
td.edit_below_nav{visibility:hidden;}
td.edit_content_top{visibility:hidden}
td.edit_below_nav img{display:none;}
td.headline {visibility:hidden;}
td.edit_rechts_sbg {display:none;}
td.edit_navi_headbg{background-image: none;}
-->
</style>
<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 24px}

#nav_About{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/about.png);}

#nav_About:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/abouthover.png);}
-->
</style>
<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 24px}

#nav_Biography{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/biography.png);}

#nav_Biography:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/biographyhover.png);}
-->
</style>
<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 24px}

#nav_News{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/news.png);}

#nav_News:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/newshover.png);}
-->
</style>
<style type="text/css">
<!--
a.menu{display:block;padding: 8px 0px 0px 24px;margin-left: -24px;height: 20px}

#nav_TheBasics{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/thebasics.png);}

#nav_TheBasics:hover{
background: url(http://img.webme.com/pic/b/billiejoe-armstrong/thebasicshover.png);}
-->
</style>


Die größe der einzelnen Unterseiten änderst du mit dem Code
Zitat:
<style type="text/css">
<!--
td.nav Name{ background-image:url(); background-color:#000000; width:125px height:20px; }
-->
</style>


Name = Seitenname bei der du die Buttongröße ändern möchtest
Bei den Werten width und height kannst du die Größe der Buttons anpassen.

Ich hoffe ich konnte dir weiterhelfen!

Mfg Yevgen Cool
______________
.:!!! Denk Immer Positiv !!!:.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de