Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag09.04.2012 um 14:08 (UTC)    
Titel: Bild aus dem Baukasten Bilderarchiev als Hintergrund?

Hallo,

die Überschrift sagt schon alles was ich möchte!

Ein Bild aus dem Baukasten Archiev als Hintergrund auf einer Seite meiner Homepage!

Wie funktioniert das genau bzw. welchen HTML Code muss ich dafür verwenden?

Danke!!!


Zuletzt bearbeitet von eight-legs am 09.04.2012, 15:55, insgesamt 2-mal bearbeitet
Beitrag09.04.2012 um 16:55 (UTC)    
Titel:

hintergrund fügst du zwischen den Tags ein:
<style type="text/css">
<!--

/* Hintergrundgrafik */

body{
background-image: url(http://img.webme.com/pic/k/keinkonsum/fv2.jpg);
background-color: #000000;
background-attachment:fixed;}
-->

</style>
die image url durch ein bild deiner wahl wechseln.

je nach dem was für eine Grafik du nimmst muss diese noch angepasst werden.

grüße
______________


Zuletzt bearbeitet von keinkonsum am 09.04.2012, 19:09, insgesamt 2-mal bearbeitet
Beitrag09.04.2012 um 17:29 (UTC)    
Titel:

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

/* Hintergrundgrafik */

body{
background-image: url(http://img.webme.com/pic/e/eight-legs/logo.jpg);
background-color: #000000;
background-attachment:fixed;}
-->

</style>


also so?
funktioniert aber irgendwie nicht...erschient nichts auf der seite...
Beitrag09.04.2012 um 17:35 (UTC)    
Titel:

liegt manchmal daran, weil der code zu weit auseinander geschrieben ist. oder weil die 2 stiche im oberen pfeil fehlen. versuch mal den:

Zitat:
<style type="text/css">
<!--
body{background-image:url(http://img.webme.com/pic/e/eight-legs/logo.jpg);background-color:#ffffff;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}
-->
</style>


du weißt aber schon, dass dein hintergrund aus mehreren teilen besteht?

gruss gringo

ansonsten nimm mal den code:

Zitat:
<style type="text/css">
<!--
table.edit_main_table{width: 85% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
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.headline2{visibility:hidden;}

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;}

table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:185px;}

td.edit_content{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontent.png);background-color:#c0c0c0;border: 5px solid #777777;}

td.nav:hover{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt2.png);background-color:#XXXXXX;width:185px;height: 33px;border: 0px solid #2D3738;}

td.nav{background-image: url(http://img.webme.com/pic/6/6p-bilder/orgicebluebutt1.png);background-color:#XXXXXX;width: 185px;height: 33px;border: 0px solid #2D3738;}

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

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

body{background-image:url(http://img.webme.com/pic/e/eight-legs/logo.jpg);background-color:#16242A;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

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

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

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueshouty.png);
background-repeat:repeat; background-color:#XXXXXX;font-family: arial;font-size: 12px; color:#000000;border: 0px solid #2D3738;}

td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}

td.nav_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.sidebar_heading{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_rb_footer{background-image:url();height: 10px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}

td.edit_content_bottom{display:none;}

td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px
solid #c0c0c0;background-position: center top;background-repeat: repeat;border-left: 5px solid #16242A;border-right: 5px solid #16242A;}

td.nav_heading{font-family: arial;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}
td.sidebar_heading{font-family: arial;font-size: 12px;color: #ffffff; text-align: left;}
td.nav a:hover{font-family: arial;font-size: 12px;color: #800000;text-decoration: none}
tr.checked_menu td a{font-family: arial;font-size: 12px;color: #800000;text-decoration: none}
td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgiceblueheader2000.png);background-color:#XXXXXX;width:
2000; height: 128px;background-repeat: repeat;border: 0px solid #2D3738;}

/* Linkfarben + Größen auf Seiten */
a:link {
color:#800000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none; }

/*Hover-Effekt bei Links*/
a:hover{
color:#800000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}

/* besuchte Links */
a:visited {
color:#800000;
font-size:13px;
font-family:arial, Times New Roman, Helvetica, Verdana, Comic Sans MS
, Courier New, Tahoma;
text-decoration:none;}
-->
</style>


im roten kommt die url des headers, im grünen die höhe.

das design mitsamt werbung ist dann mittig. es ist ausserdem breiter. auch die rechten boxen sind breiter.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 09.04.2012, 18:47, insgesamt 3-mal bearbeitet
Beitrag09.04.2012 um 17:52 (UTC)    
Titel:

ok beim längeren code tut sich was, allerdings nicht wie gewünscht...

ich wollt keinen gesamten hintergrund für die hauptseite...sondern nur den hintergrud für eine unterseite...das heißt ich klick auf eine seite z.B.:

Home
Döner
----Dönerfleisch
Forum


ich klicke auf dönerfleisch und die seite dönerfleisch soll diesen hintergrund erhalten!
Beitrag09.04.2012 um 17:56 (UTC)    
Titel:

dann geh in die seite und füge im quellcode an erster stelle den code ein:

Code:
<style type="text/css">
<!--
body{background-image:url(http://img.webme.com/pic/e/eight-legs/logo.jpg);background-color:#ffffff;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}
-->
</style>


aber vermutlich soll das im textfeld sein, oder? falls ja, dann solltest du mal deine fragen überdenken und genau posten was du möchtest.

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



Zuletzt bearbeitet von 6p-iceblue am 09.04.2012, 18:58, insgesamt einmal bearbeitet
Beitrag09.04.2012 um 18:01 (UTC)    
Titel:

ja es soll nur die seite die geöffnet wird einen hintergrund bekommen, sonst nichts!
Beitrag09.04.2012 um 18:03 (UTC)    
Titel:

den code hab ich doch gepostet, auch wie du ihn einfügst.

was nun, als hintergrund der seite oder hintergrund des textfeldes?

oh man Confused

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

Beitrag09.04.2012 um 18:05 (UTC)    
Titel:

dann wahrscheinlich des textfeldes welches ich "seite" genannt habe! Very Happy
Beitrag09.04.2012 um 18:10 (UTC)    
Titel:

dann gib mal das im quellcode der jeweiligen seite ein:

Code:
<style type="text/css">
<!--
td.edit_content{background-image:url(http://img.webme.com/pic/e/eight-legs/logo.jpg);
background-color:#ffffff;background-position: center top;
background-repeat: no-repeat;border: px solid #666666;}
-->
</style>


allerdings werden texte schwer zu lesen sein, das bild müßte transparenter werden.

das bild wäre dann 1x und danach kommt weiß.

gruss gringo

hier wäre das logo transparenter, einfach im code dann die url tauschen.:



rechtsklick aufs bild und url anzeigen lassen.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 09.04.2012, 19:16, insgesamt 2-mal bearbeitet
Beitrag09.04.2012 um 18:26 (UTC)    
Titel:

Ja super! Es klappt!

Allerdings nur im oberen bereich des Textfeldes...aber das liegt dann wohl an der größe des bildes!?

Aber danke, so sollte es sein!
Beitrag09.04.2012 um 18:30 (UTC)    
Titel:

mehrmals geht auch. statt im code no-repeat, löschst du das rote raus:

Zitat:
no-repeat


gruss gringo

tip: beim nächsten mal genau beschreiben was du möchtest, somit spart man etliche zeit. nicht jeder ist geduldig oder hat noch was anderes zu machen.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 09.04.2012, 19:31, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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