Hier will ich euch erklären wie ihr den Conten verändern könnt.
Zuerst einmal führ ich hier die Klassen auf:
edit_content_top
headline2
edit_content
edit_content_bottom
edit_content_bottom2
edit_rechts_cbg (Hintergrund)
Headline2
So nun wollen wir den Seitennamen [Headline2] verändern.
Um die Schriftgröße zu ändern machen wir folgendes:
Zitat: td.headline2{font-size:14px;}
Das was rot markiert ist köntt ihr noch anpassen.
Ihr könnt den Seitentitel natürlich auch noch positionieren.Das geht wie folgt:
Zitat: td.headline2{font-size:14px;position:absolute;left:200px;right:200px;}
Auch hier müsst ihr das rot markierte wieder anpassen !!!
Content_top
Nun wollen wir den Balken edit_content_top verändern.
Um dort ein Button einzufügen folgendes tun:
Zitat: td.edit_content_top{height: 33px;background-image: url(http://Hier die Button-Url);}
ihr könnt ihn natürlich auch noch vergrößern.Das geht so:
Zitat: td.edit_content_top{height: 33px;background-image: url(http://button-Url);}
Das rot markiert kann wieder angepasst werden.
Content
Nun widmen wir uns dem eig content.Dem Textfeld!!!
So fügst du dort ein Bild ein:
Zitat:
td.edit_content{background-image:url(hier die Bild-Url);background-color:transparent;}
Beim rotmarkierten die URL des Bildes
So fügst du dort eine Farbe ein:
Zitat:
td.edit_content{background-image:url();background-color:#000000;}
Beim roten den Hexcode der Hintergrundfarbe einsetzten.
Um den Bereich transparent zu machen um z.B. das hintergrundbild zu sehen fügst du folgendes ein:
Zitat:
td.edit_content{background-image:url();background-color:transparent;}
Content_bottom
Nun machen wir uns an den conten_bottom:
So fügst du dort ein Bild ein:
Zitat:
td.edit_content_bottom{background-image:url(hier die Bild-Url);background-color:transparent;}
Beim rotmarkierten die URL des Bildes
So fügst du dort eine Farbe ein:
Zitat:
td.edit_content_bottom{background-image:url();background-color:#000000;}
Beim roten den Hexcode der Hintergrundfarbe einsetzten.
Um den Bereich transparent zu machen um z.B. das hintergrundbild zu sehen fügst du folgendes ein:
Zitat:
td.edit_content_bottom{background-image:url();background-color:transparent;}
Content_bottom2
Nun noch zum Balken content_bottom2
So fügst du dort ein Bild ein:
Zitat:
td.edit_content_bottom2{background-image:url(hier die Bild-Url);background-color:transparent;}
Beim rotmarkierten die URL des Bildes
So fügst du dort eine Farbe ein:
Zitat:
td.edit_content_bottom2{background-image:url();background-color:#000000;}
Beim roten den Hexcode der Hintergrundfarbe einsetzten.
Um den Bereich transparent zu machen um z.B. das hintergrundbild zu sehen fügst du folgendes ein:
Zitat:
td.edit_content_bottom2{background-image:url();background-color:transparent;}
edit_rechts_cbg
Zum Schluss machen wir uns noch an den Bereich unter dem Content !!!
So fügst du dort ein Bild ein:
Zitat:
td.edit_rechts_cbg{background-image:url(hier die Bild-Url);background-color:transparent;}
Beim rotmarkierten die URL des Bildes
So fügst du dort eine Farbe ein:
Zitat:
td.edit_rechts_cbg{background-image:url();background-color:#000000;}
Beim roten den Hexcode der Hintergrundfarbe einsetzten.
Um den Bereich transparent zu machen um z.B. das hintergrundbild zu sehen fügst du folgendes ein:
Zitat:
Viel Spaß damit
Chris
*closed*
td.edit_rechts_cbg{background-image:url();background-color:transparent;}
Zuletzt bearbeitet von chris-schreiber am 28.06.2007, 14:46, insgesamt 4-mal bearbeitet
|