Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.06.2007 um 20:28 (UTC)    
Titel: [Tutorial] Der Content

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
Beitrag10.01.2009 um 10:17 (UTC)    
Titel: Bräuchte dringend Hilfe bei edit content

es klappt einfach nicht kann mir jemand mal ein genaues beispiel als html code schreiben wie das geht das die weissen fenster verschwinden und ich mein eigen bild unter edit content bekomme wenn ich das nämlich so mache dann ändert sich garnichts habe das design ice blue

Vielen Dank im vorraus
Beitrag10.01.2009 um 12:20 (UTC)    
Titel:

also wenn ich ein paar codes bei mir einfüge und mit Bildern versehe funktioniert es auch nicht! z.B. content_top und content_bottom funktioniert nicht!

mfg
Beitrag10.01.2009 um 12:59 (UTC)    
Titel:

Also ich würd noch hinzufügen das man den CSScode nicht einfach so einfügen kann und immer diesen Code mitverwenden muss:

Zitat:

<style type="text/css"> <!--
befehl{}
--> </style>
Beitrag02.03.2010 um 22:29 (UTC)    
Titel:

Welchen Code brauch ich um:

- die "headline2" zu entfernen

- die Schriftart&Größe der "headline2" zu ändern?
______________
Beitrag06.03.2010 um 19:04 (UTC)    
Titel:

HALLO???? Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad
______________
Beitrag06.03.2010 um 19:16 (UTC)    
Titel:

Zum ausblenden:

Zitat:
<style type="text/css">
<!--
td.headline2{
display:none;}
-->
</style>

Schriftgröße oder/und Schriftart:

Zitat:
<style type="text/css">
<!--
td.headline2{
font-size: 10px;}
font-familiy: arial, times new roman;}
-->
</style>


Beim blauen bestimmst du die Schriftgröße, je größer die Zahl, desso größer
wird dort auch der Text.

Beim grünen bestimmst du die Schritart, wobei das erste genannte gilt. Wenn
das erste nicht vorhanden ist, so wird das 2. genommen - wenn das 2. nicht
vorhanden ist, dann das 3., etc.
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag07.03.2010 um 22:18 (UTC)    
Titel:

Dankescheen Smile
______________
Beiträge der letzten Zeit anzeigen:   


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