| Autor |
Nachricht |
-
eight-legs
|
 09.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
|
|
|
↑
|
|
 |
-
keinkonsum
Wohnort: Mülheim a.d.R
|
09.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
|
|
|
↑
|
|
|
-
eight-legs
|
09.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... |
|
|
↑
|
|
|
|
|
09.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
|
|
|
↑
|
|
|
-
eight-legs
|
09.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! |
|
|
↑
|
|
|
|
|
09.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
|
|
|
↑
|
|
|
-
eight-legs
|
09.04.2012 um 18:01 (UTC)
Titel: |
|
|
ja es soll nur die seite die geöffnet wird einen hintergrund bekommen, sonst nichts! |
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
-
eight-legs
|
09.04.2012 um 18:05 (UTC)
Titel: |
|
|
dann wahrscheinlich des textfeldes welches ich "seite" genannt habe!  |
|
|
↑
|
|
|
|
|
09.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
|
|
|
↑
|
|
|
-
eight-legs
|
09.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! |
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
|
