Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.02.2010 um 22:11 (UTC)    
Titel: Hintergrundgrafik auf unterseiten?

Hallo ich find nichts was mich weiter bringt.
ich habe eine hp hier (exoten-Garten.,de.tl) mölchte aber zum desing ice blue wechseln.
Bin gerade dabei umzuziehen-

Folgenes ich habe die css vorlage von hier genommen (ice blue) und
die einwenig abgeändert, nur komme ich nicht dahinter, wie ich auf den einzelnen seiten eine grafik (hintergrundbild) einfügen kann.
Im moment habe ich eben immer das selbe wie von der startseite.
da gibt es doch sicherlich ein skript den man im Quelltext oben in der jeweiligenseite
einfügen kann ?
Ich hatte zwar einige sachen gefunden, aber nichts funzte.

thx im voraus

gruß jens
Beitrag23.02.2010 um 10:58 (UTC)    
Titel:

Füge folgdenen Code in den QUELLCODE vom Seiteneditor ein:

Zitat:
<style type="text/css">
<!--
body{background-image:url(Bildadresse.jpg);background-color: #000000;}
-->
</style>


beim roten die Bildadresse einfügen und dann einfach abspeichern. Diese
Seite hat dann nur dieses Bild. Wink
______________
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
Beitrag23.02.2010 um 15:54 (UTC)    
Titel:

Hi thx für die Antwort.
damit habe ich es auch probiert, ändert aber den Hintergrund der gesam. hp.
Ich nehme an das ich ich irgend ein murcks im code drin habe.
Da bin ich ein technisches Embryo Wink
Zitat:

<div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"> <style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat:no-repeat; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style>

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

/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://img.webme.com/pic/e/exoten-im-garten/bsss.jpg);
background-repeat: repeat;
text-align:center; }


/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/e/exoten-im-garten/headerxx.jpg);
background-repeat:no-repeat;
border:2px solid #3AB608; }

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

/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#XXXXXX;
font-size:14px;
text-align:left;
font-family: arial,verdana; }

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

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

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


/* Titel über Navigation */
td.nav_heading {
color:#FFF080;
font-size:20px;
font-family:AR CENA,forte,arial,verdana;
text-align:center;
height:33px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/e/exoten-im-garten/butt.gif);
border:1px solid #3AB608; }


/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://img.webme.com/pic/e/exoten-im-garten/butten.jpg);
border:1px solid #3AB608; }

/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://img.webme.com/pic/e/exoten-im-garten/butt.gif);
border:1px solid #3AB608; }

/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}

/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
height:71px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/e/exoten-im-garten/222.gif);
border:1px solid #3AB608; }


/* Seitentitel über Textfeld */
td.headline2 {
color:#FFF080;
font-size:0px;
font-family:AR CENA,forte,arial,verdana;
text-align:left; }

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/e/exoten-im-garten/home3.jpg);
border:1px solid #3AB608; }

td.edit_content_left_spacer{display:none;}
td.edit_content_right_spacer{display:none;}


/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:0px;
background-color:#000080;
background-image: url();
border:0px solid #000080; }


/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:10px;
color:#FFFFFF;
background-color:#1E6B1B;
border:2px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
color:#FFF080;
font-size:20px;
font-family:AR CENA,forte,arial,verdana ;
text-align:center;
height:33px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/e/exoten-im-garten/rbb.jpg);
border:1px solid #3AB608; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#FFF080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #3AB608; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
Hier experimentiere ich noch rum
td.shouty{background-image:url(http://img.webme.com/pic/e/exoten-im-garten/rboxxx.jpg);}
td.shouty2{background-image:url(http://img.webme.com/pic/e/exoten-im-garten/rboxxx.jpg);}
td.shouty3{background-image:url(http://img.webme.com/pic/e/exoten-im-garten/rboxxx.jpg);}
td.shouty4{background-image:url(http://img.webme.com/pic/e/exoten-im-garten/rboxxx.jpg);}
td.shouty5{background-image:url(http://img.webme.com/pic/e/exoten-im-garten/bohi.jpg);}

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #FFF080; }
.
-->
</style>

Das sind meine gesammelten werke über dem desing vieleicht kann mal einer schaun, wo der hase im Pfeffer liegt.
thx im voraus

jens[


Zuletzt bearbeitet von exoten-im-garten am 23.02.2010, 16:57, insgesamt einmal bearbeitet
Beitrag23.02.2010 um 15:58 (UTC)    
Titel:

Ich weiß leider nicht genau welches Hintergrundbild du genau meinst. Ich gehe
nun mal vom Hintergrundbild des Textfels aus. Ich habe es in deinem Code
blau makiert. Dort einfach deine Bildadresse einfügen! Wink
______________
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
Beitrag23.02.2010 um 18:20 (UTC)    
Titel:

Hi
genau, das ist der backgr. für das Textfeld.
(Dein blau markiertes)
Es erscheint auf allen Seiten bzw unterseiten.
Ich möchte aber z. B. themen gebunden auf verschiedenen
Seiten bzw unterseiten andere hintergrund grafiken erstellen und einfügen.
Wie meiner bisherigen Hp (exoten-garten.de.tl)da ging es jedenfalls.
Nur mit dem code den du mir oben notiert hast,
wenn ich den im Quelltext der seite bzw unterseite einfüge.
verändere ich den allgemeinen Hintergrundder Hp-
Und die soll nicht sein.
Ich weiß ja nicht ob das bei ice blue überh. geht, sonst würde ich die arbeit
einstellen, einfach nur texturierte hintergründe, find ich langweilig.
Klar hab ich ein batzen texturen von Dosch die genial sind aber, ich
spiele gern rum.



Beispiel 2 er unterschiedlicher seiten aus 1 <hp
Ich möchte ganz einfach nur die hintergründe gestallten können.



oder



Gruß jens
Beitrag25.02.2010 um 15:01 (UTC)    
Titel:

Das aus dem Designcode herausnehmen
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/e/exoten-im-garten/home3.jpg);
border:1px solid #3AB608; }

Beim Seiteninhalt auf Quellcode klicken und diesen Code als erstes oben einfügen, sollte das wider Erwarten nicht gehen: Bei Einstellungen den Editor ausschalten und dann je Seite den Code einfügen.
Bildlink ändern nicht vergessen

<style type="text/css">
<!--
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/e/exoten-im-garten/home3.jpg);
border:1px solid #3AB608; }
-->
</style>
Beitrag25.02.2010 um 15:48 (UTC)    
Titel:

Hallo
Ich glaube jetzt kommen wir der Sachen näher.
Eigentlich logisch, wenn es klappt.
So zu sagen aus dem Desing dies rauß und den code
auf den unterseiten im Quell eingeben mit den entsprechenden
grafiken.
Ich werde dies nacher mal probieren, gebe dann eine rückm.
erstmall thx
gruß jens
Beiträge der letzten Zeit anzeigen:   


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