Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.06.2007 um 11:39 (UTC)    
Titel: Buttons mit abstand

an pazox: kannst du mir den code machen damit meine buttons in abstand angezeigt werden?, danke hier mein CSS CODE:

Code:
<style type="text/css">
<!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by Coolplace http://www.coolplace.de.tl */
/* Allgemein */
-->
p, a, div, b{color:    #FFFFFF;}
body{background-image: url();background-color:       #0033FF;color:    #FFFFFF!important;}
td{width: 0px;color: #ffffff;}

/* Header */
td.edit_header_full{background-image: url(http://img.webme.com/pic/t/thezockerdenis/neuerheader5.jpg);}

/* Navigation */
td.headline{text-align: center !important;font-size: 199px !important;font-style: italic !important;}
td.nav{color: #fff;width: 199px;height: 25px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/or5.jpg);}
td.nav:hover{color: #fff;width: 199px;height: 25px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/or6.jpg);}
td.edit_navi_headbg{margin: 0px;padding: 0px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/sidebkg9.jpg);width: 154px;background-repeat: repeat-y;}
td.edit_below_nav{visibility: hidden;width: 156px;}
td.edit_below_nav img{visibility: hidden;width: 1px;}
td.nav_heading{width: 89px;height: 80px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/sidetopfull31.jpg);padding-top: 0px;font-weight: bold;font-size: 15px;}
td.edit_navi_headbg table{width: 156px;}
.menu{width: 156px;color: #fff !important;font-weight: bold;padding-left: 15px;}
.menu a{color: #fff;font-weight: bold;padding-left: 15px;}


/* Content */
td.edit_rechts_cbg{margin: 0px;background-image: url();background-color: #0033FF;}
td.edit_content_top{height: 25px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/sidetop7.jpg);background-repeat: no-repeat;background-position: top -5px;}
td.edit_content{background-image: url();background-color: #0033FF;}
td.edit_content_bottom{background-image: url();background-color: #0033FF;}
td.edit_content_bottom2{background-image: url();background-color: #0033FF;color: #fff;text-align: right;}
td.edit_rechts_sbg{background-image: url();width: 0px;}
td.headline2{text-align: center;}

/* Rechte Boxen */
td.sidebar_heading{background-image: url(http://img.webme.com/pic/t/thezockerdenis/or1.jpg);background-color: #0033FF;border-bottom: 6px double #fff;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url();background-color: #0033FF;color: #fff;font-weight: bold;}
td.edit_rb_footer{background-image: url();background-color: #0033FF;border-bottom: 2px solid #ffffff;}
td.edit_rechts_bottom{background-image: url();background-color: #0033FF;}

</style>

Beitrag11.06.2007 um 11:47 (UTC)    
Titel:

Du erstellst dir erstmal nichtanklickbare Menüpunkte, die den Abstand darstellen sollen. Diese nennst du z.B. 1, 2, 3 usw. Diese werden dann per CSS unsichtbar gemacht.

Dann trägst du im CSS-Code folgendes ein:

Zitat:
td#nav_1{height: 15px;visibility: hidden;}


Das macht die Seite "1" zu einem nicht sichtbaren Button, der 15 Pixel hoch ist (die Höhe kannst du beim roten ändern.

In deinem Code (als Beispiel mit 5 "Abstandbuttons" als Seiten mit dem Namen 1 bis 5):

Zitat:
<style type="text/css">
<!--
/* Diesen Teil nicht rauslöschen*/
/* Copyright by Coolplace http://www.coolplace.de.tl */
/* Allgemein */
-->
p, a, div, b{color: #FFFFFF;}
body{background-image: url();background-color: #0033FF;color: #FFFFFF!important;}
td{width: 0px;color: #ffffff;}

/* Header */
td.edit_header_full{background-image: url(http://img.webme.com/pic/t/thezockerdenis/neuerheader5.jpg);}

/* Navigation */
td.headline{text-align: center !important;font-size: 199px !important;font-style: italic !important;}
td.nav{color: #fff;width: 199px;height: 25px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/or5.jpg);}
td.nav:hover{color: #fff;width: 199px;height: 25px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/or6.jpg);}
td.edit_navi_headbg{margin: 0px;padding: 0px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/sidebkg9.jpg);width: 154px;background-repeat: repeat-y;}
td.edit_below_nav{visibility: hidden;width: 156px;}
td.edit_below_nav img{visibility: hidden;width: 1px;}
td.nav_heading{width: 89px;height: 80px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/sidetopfull31.jpg);padding-top: 0px;font-weight: bold;font-size: 15px;}
td.edit_navi_headbg table{width: 156px;}
.menu{width: 156px;color: #fff !important;font-weight: bold;padding-left: 15px;}
.menu a{color: #fff;font-weight: bold;padding-left: 15px;}
td#nav_1, td#nav_2, td#nav_3, td#nav_4, td#nav_5{height: 15px;visibility: hidden;}

/* Content */
td.edit_rechts_cbg{margin: 0px;background-image: url();background-color: #0033FF;}
td.edit_content_top{height: 25px;background-image: url(http://img.webme.com/pic/t/thezockerdenis/sidetop7.jpg);background-repeat: no-repeat;background-position: top -5px;}
td.edit_content{background-image: url();background-color: #0033FF;}
td.edit_content_bottom{background-image: url();background-color: #0033FF;}
td.edit_content_bottom2{background-image: url();background-color: #0033FF;color: #fff;text-align: right;}
td.edit_rechts_sbg{background-image: url();width: 0px;}
td.headline2{text-align: center;}

/* Rechte Boxen */
td.sidebar_heading{background-image: url(http://img.webme.com/pic/t/thezockerdenis/or1.jpg);background-color: #0033FF;border-bottom: 6px double #fff;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url();background-color: #0033FF;color: #fff;font-weight: bold;}
td.edit_rb_footer{background-image: url();background-color: #0033FF;border-bottom: 2px solid #ffffff;}
td.edit_rechts_bottom{background-image: url();background-color: #0033FF;}

</style>


Mehr Infos zum Featur ID's hier:
Tutorial: Das neue Feature ID's
http://www.homepage-baukasten.de/forum/viewtopic.php?t=46984&start=15


Zuletzt bearbeitet von pazox am 11.06.2007, 12:48, insgesamt einmal bearbeitet
Beitrag11.06.2007 um 12:32 (UTC)    
Titel:

Beiträge der letzten Zeit anzeigen:   


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