Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.09.2007 um 11:00 (UTC)    
Titel: Für jeden Button ein eigenes Bild im Design Iceblue

Hallo,
Ich habe das Design Iceblue CSS Grundgerüst aus dem Thread in der Designkategorie. Dazu habe ich folgende fragen:

1. Ich würde gerne für JEDEN einzelnen Button ein eigenes Bild einfügen. Ist das möglich? Ist das mit meinem Grundgerüst möglich?

2. td.edit_content_bottom{background-image: url();background-color: #XXXXXX;}

Könnte man hier z.b. bei url (hier genau) den Bild Link für diese Leiste einfügen und würde dann die Farbe einfach wegfallen oder ist dies nicht möglich?

Hier noch einmal der Code (noch unbearbeitet):

Code:

<style type="text/css">
<!--
/* Design verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/* Link und Textformatierung */
p, div, b{color: #000000;}
td.nav a{color:##XXXXXX;font-size: 12px;text-decoration: none;}
a:hover {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a: link {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a:active {color: #XXXXXX;font-size: 12px;text-decoration: none;}
a:visited {color: #XXXXXX;font-size: 12px;text-decoration: none;}

/* Hintergrund hinter Design */
body{background-image: url();background-color: #XXXXXX;color: #000000 !important;}


/* Header fixiert und zentriert*/
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(http://Hier Header-Bild);}

/* Header Titel entfernen*/
td.headline{visibility:hidden;}


/* Navigation*/
td.nav{text-decoration: none;color: #000000;width: 185px;height: 40px;background-image: url(http://HIER BUTTON 1.jpg);}
td.nav:hover{color: #000000;width: 185px;height: 40px;background-image: url(http://Hier Button 2.jpg);}
td.edit_navi_headbg{margin: 0px;padding: 0px;background-image: url();background-color: #XXXXXX;width: 185px;background-repeat: repeat-y;}
td.edit_below_nav{visibility: hidden;width: 185px;}
td.edit_below_nav img{visibility: hidden;width: 1px;}
td.nav_heading{width: 89px;height: 80px;background-image: url(http://Bild über Navigation.jpg);background-color: #XXXXXX;padding-top: 0px;font-weight: bold;font-size: 15px;text-decoration: none;}
td.edit_navi_headbg table{width: 185px;}
.menu{width: 185px;color: #000000 !important;font-weight: bold;padding-left: 35px;font-size: 12px;}
.menu a{color: #000000;font-weight: bold;padding-left: 35px;text-decoration: none;font-size: 12px;}


/* Textfeld Link-Formatierung*/
td.edit_content a{color:#XXXXXX;font-size: 12px;text-decoration: none;}
td.edit_content a:hover {color: ##XXXXXX;font-size: 12px;text-decoration: none;}

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


/* Titel über Text-Seite entfernen */
td.headline2{visibility:hidden;}
td.idcp{visibility:hidden;}

td.edit_content_top{height: 25px;background-image: url();background-color: #XXXXXX;}
td.edit_content_bottom{background-image: url();background-color: #XXXXXX;}
td.edit_content_bottom2{background-image: url();background-color: #XXXXXX;;text-align: right;}
td.edit_rechts_cbg{margin: 0px;background-image: url(URL);background-color: #XXXXXX;}


/* Rechte Boxen */
td.edit_rechts_sbg{background-image: url();width: 0px;}
td.sidebar_heading{background-image: url();background-color: #XXXXXX;border-bottom: 0px double #XXXXXX;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image: url();background-color: #XXXXXX;color: #000000;font-weight: bold;}
td.edit_rb_footer{background-image: url();background-color: #XXXXXX;border-bottom: 0px solid ##XXXXXX;}
td.edit_rechts_bottom{background-image: url();background-color: #XXXXXX;}

-->
</style>


Wäre für Hilfe sehr dankbar.

Mfg


Zuletzt bearbeitet von mighty-alliance am 06.09.2007, 12:03, insgesamt einmal bearbeitet
Beitrag06.09.2007 um 11:08 (UTC)    
Titel:

1: ?

2: td.edit_content_bottom{background-image: url(BUTTEN URL);}
Beitrag06.09.2007 um 11:15 (UTC)    
Titel:

Vielen Dank

Also zum ersten, das mein ich so:

Normal sind ja alle Buttons gleich (so auch im Code). Nun möchte ich aber gerne alle Buttons verschieden machen, d.h. z.b. selber beschriften und diese dann als Bilder wieder für bestimmte Buttons einfügen.

Im Grundgerüst-Code ist nur eine Stelle für die URL vom Buttonbild.


Hoffentlich kennt sich da einer aus.

Danke schon mal im Vorraus.

Mfg
Beitrag06.09.2007 um 13:41 (UTC)    
Titel:

Oder ist es so, dass das in diesem Deisgn gar nicht möglich ist und man irgendein freies CSS Design brauch um die Bilder für die einzelnen Buttons anzulegen?
Beiträge der letzten Zeit anzeigen:   


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