Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.06.2010 um 13:22 (UTC)    
Titel: [Vorlage] verbreitertes Iceblue, nur aus Farbtönen

Ich poste hier mal einen Code für das Iceblue, das mitsamt der Werbung zentriert und verbreitert ist.

Meiner Meinung nach, sind überflüssige Sachen nicht berücksichtigt, sondern transparent.

Der Code lebt in diesem Falle ausschliesslich von Farbtönen, die ihr selbst leicht ändern könnt.
Vor dem Farcodes muss das # erhalten bleiben.

#YYYYYY sind die Hintergrundfarben der einzelnen Felder.

#BBBBBB ist die Rahmenfarbe um das Objekt (zum aktivieren dann border: 0px solid auf 1 stellen).

#SSSSSS sind die jeweiligen Schriftfarben (ausser direkt im mittleren Textfeld. Per Editor kann man diese selbst bestimmen. Tut Euch aber selbst einen Gefallen und arbeit im Editor nicht mit Überschriften oder Stil. Das bringt Euch oft Probleme. Benutzt also Schriftart, -grösse und -farbe).

font-family: Arial kann auch geändert werden in: Tahoma, Helvetica, Verdana, Comic Sans MS

#XXXXXX und #ffffff erstmal nicht ändern.

Um den Namen der Webseite im Haeder zu entfernen, das hier im Code noch mit reinsetzen:

td.headline{visibility:hidden;}

Farbtöne findet Ihr zum Beispiel hier: http://tomheller.de/html-farben.html

Eingefügt wird der Code so: http://6p-iceblue.de.tl/Design-einf.ue.gen.htm


Hier beginnt der Code:

Zitat:


<style type="text/css">
<!--

/* Breite des Designs kann bis 100% selbst bestimmt werden */

table.edit_main_table{width: 80% !important;}


/* Hier nichts ändern */
td.edit_main_tr{width: 100% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}


/* Breite der rechten Boxen. Standart ist 168 und kann bis 220 erweitert werden */
table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5
{width:168px;}

/* Bei wenig Inhalt, wird das Design nicht unnötig nach unten gezogen*/
td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}


/* Buttons der Navigation */
td.nav:hover{background-image:url();
background-repeat:no-repeat;
background-color:#YYYYYY;
width:
185px;height: 30px; border: 0px solid#
BBBBBB;}

td.nav{background-image:url();
background-repeat:no-repeat;
background-color:#YYYYYY;
width:
185px;height: 30px; border: 0px solid
#BBBBBB;}


td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url(URL);background-color:#YYYYYY;border: 0px solid #BBBBBB;}

td.edit_rechts_cbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

/* Hintergrundfarbe des Designs */
body {background-image:url(url);background-color:#YYYYYY;}
body {background-attachment:fixed;}


td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_sbg{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}


/* Die rechten Boxen */
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url();
background-repeat:repeat;
background-color:#YYYYYY;
border: 0px solid
#BBBBBB;}


/* Feld über dem Textbereich */
td.edit_content_top,td.edit_content_top:hover{background-image:url();background-color:#YYYYYY;border: 0px solid
#BBBBBB;height:24px;}


/* Feld über der Navigation */
td.nav_heading{background-image:url();height: 24px;background-color:#YYYYYY;border: 0px solid #BBBBBB;}


/* Feld über den rechten Boxen */
td.sidebar_heading{background-image:url();height: 24px;background-color:#YYYYYY;border: 0px solid #BBBBBB;}

td.edit_rb_footer{display:none;height: 0px;}

/* Felder unter dem Textfeld, ausgeblendet */
td.edit_content_bottom{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_content_bottom2{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

/* Feld des Counters, Schriftfarbe bei den Countereinstellungen bestimmen */
td.edit_content_bottom2{background-image:url(URL);background-color:#YYYYYY;border: 0px solid #BBBBBB;}


/* Schriftfarbe in den Boxen, statt left kann man mit center die Schrift zentrieren */
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{font-family: Arial;font-size: 12px;color: #SSSSSS;text-align: left;}

/* Seitentitel über dem Textfeld */
td.headline{font-family: Arial;font-size: 12px;font-weight:;color: #SSSSSS;text-decoration: none;}

/* Schriftfarbe über der Navigation */
td.nav_heading{font-family: Arial;font-size: 12px;color: #SSSSSS;padding-left:26px;text-align: left;}

/* Schriftfarbe der Navigation */
td.nav a{font-family: Arial;font-size: 12px;font-weight:;color: #SSSSSS;text-decoration: none}

/* Schriftfarbe des Hovereffektes der Navigation */
td.nav a:hover{font-family: Arial;font-size: 12px;color: #SSSSSS;font-weight:;text-align: center;text-decoration:

none;}

/* Schriftfarbe über den Boxen */
td.sidebar_heading{font-family: Arial;font-size: 12px;color: #SSSSSS; text-align: center;}

/* Haeder */
td.edit_header_full{background-image:url(url);width: 980;height: 100px;background-position: center
top;background-color:#YYYYYY;background-repeat: repeat;border: 0px solid #BBBBBB;}
-->
</style>


Zuletzt bearbeitet von 6p-iceblue am 03.09.2010, 17:03, insgesamt 16-mal bearbeitet
Beitrag12.01.2011 um 22:00 (UTC)    
Titel:

Hm, alles kapiert - aber WO kommt der code rein ? Oder ist das nur für die bezahlten Homepages gedacht ?
Beitrag12.01.2011 um 22:02 (UTC)    
Titel:

Beitrag09.02.2011 um 03:17 (UTC)    
Titel:

He Danke! Funktioniert sehr gut und ist extrem übersichtlich gestaltet. Ich bin begeistert! Very Happy
Beitrag09.02.2011 um 05:35 (UTC)    
Titel:

ja, das ist einfacher, als es auf den ersten blick aussieht.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag20.02.2011 um 04:12 (UTC)    
Titel:

ich muss nochmal stören....

was muss ich ändern damit eingebundene Links NICHT minimiert werden sofern man darüber fährt und wo kann ich die farbe einstellen in der Links dargestellt werden BEVOR ich darüber fahre???????
Beitrag21.02.2011 um 14:21 (UTC)    
Titel:

Code:
/* Linkfarben + Größen auf Seiten */
a:link {
color:#4b0082;
font-size:14px;
font-family:Comic Sans MS,arial,verdana;
text-decoration:none; }

/* besuchte Links */
a:visited {
color:#4b0082;
font-size:14px;
font-family:Comic Sans MS,arial,verdana;
text-decoration:none;}

/*Hover-Effekt bei Links*/
a:hover{
color:#4b0082;
font-size:14px;
font-family:Comic Sans MS,arial,verdana;
text-decoration:none;}


das muss dann im code (zwischen den styletags) noch mit rein. musst es für dich nur anpassen.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag04.04.2011 um 16:57 (UTC)    
Titel:

wenn ich den code einfügen will, kann ich grad mal 2 zeilen einfügn und mehr passt nicht rein Oo Sad
Beitrag05.04.2011 um 07:31 (UTC)    
Titel:

Das Problem hatten wir schon oft: Google Chrome und Firefox 4 arbeiten mit einer Zeichenbegrenzung. Bei Chrome lässt sich diese abschalten, beim FF muss man Greasemonkey installieren.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag07.04.2011 um 12:41 (UTC)    
Titel: Hilfe

Ich kann keine CSS hinzufügen...

Bei mir macht er nie weiter wie
<style type="text/css">
<!--

/* Breite des Designs kann bis 100% selbst bestimmt werden */

table.edit_main_table{width

wie dass... ca. 70 Buchstaben / Sonderzeich oder soo wieso...

Warte auf Antwort
Beitrag07.04.2011 um 13:00 (UTC)    
Titel:

Antwort siehe oben. Benutzt du Firefox 4, Greasemonkey installieren. Nutzt du Google Chrome, lässt sich die Zeichenbegrenzung abschalten.

Gruß,

TransInt

P.S: Wer lesen kann,...
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


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