Autor |
Nachricht |
-
chatten-ohne-anmeldung
|
03.02.2010 um 17:27 (UTC) Titel: LOgo einfügen |
|
|
kann mir jemand helfen wie ich ein logo einfügen kann über css ?
habe hier mal denn codes
Code: <style type="text/css"><!-- /* Copyright by Designvorlage */ div#pre_header{display: none;} #header_container{display: none;} h1#header{display: none;} div#post_header{display: none;} h2#nav_heading{diplay: none;} body{ background-image: url(http://jappa-24.mixxt.de/storage/images/styles/upload/2/9/4/1bc92d12df3a337643fece4552689.gif); background-repeat: repeat;} #container{ position:absolute; left:50%; margin-left:-430px; top:30px; width: 800px;} div#header_container{ background-image: url(http://img.webme.com/pic/c/chatten-ohne-anmeldung/logo_neu.png); width: 500px; height: 200px;} ul#nav { list-style-type: none;} li.nav_element{ background-image: url(http://jappa-24.mixxt.de/storage/images/styles/upload/2/5/a/65a1a683f1f9d23e0f158c4b43d1f.jpg); height: 31px; display: inline; padding: 8px; border: 1px solid #F5A80E;} li.nav_element:hover{ background-image: url(http://img.webme.com/pic/f/freizeit-hp/navbg_hover_lightstar.png); border: 1px solid #F5A80E;} a.menu{ text-decoration: none; font-family: arial; font-weight:bold; color: #000;} h2#title{ background-color: F5A80E; color: #F5A80E; border: 1px solid #F5A80E; test-align: center; font-size: 18px; font-family: times new roman, arial; margin: 0px 670px 10px 0px;} div#content { background-image: url(http://img.webme.com/pic/f/freizeit-hp/bodybg_lightstar.png); background-repeat: repeat-x; background-color: #FFBE10; border: 1px solid #FFBE10; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: justify;} div#counter{ color: #FFF; background-color: #FED200; border: 1px solid #F88108; text-align: center; font-weight: bold; font-size: 14px; width: 360px; margin: 10px 0px 20px 260px;} #sidebar_container {display:none;} --></style><script language="JavaScript" src="http://js.stats.de/j/0000088989"></script> <script language="JavaScript"> rapidstats(88989); </script><noscript> <a href="http://www.stats.de" target="_blank"> <img src="http://srv1.stats.de/l/0000088989?js=0" border="0" alt=""></a></noscript>
es handelt sich um dieses logo
http://jappa-24.mixxt.de/storage/images/styles/upload/5/b/4/e205faa60d1f89aee5625ec7dcb70.png
oder am besten den code fertig schicken :) thx
viele Liebe grüße
Dan [/quote] |
|
↑
|
|
|
-
chatten-ohne-anmeldung
|
03.02.2010 um 19:22 (UTC) Titel: hm... |
|
|
keiner kann dsa helfen ? schade
würd mich über antwort sehr freuen iss sehr wichtig |
|
↑
|
|
|
-
blutsegelbukaniere
|
03.02.2010 um 19:34 (UTC) Titel: |
|
|
Pushen (Thread wieder nach oben "schubsen) ist erst nach 24 Stunden erlaubt
CSS-Code ohne Style Tags:
Zitat: #logo{
position: absolute;
top: 100px;
left: 100px;
width: 922px;
height: 206px;
background-image:url(http://jappa-24.mixxt.de/storage/images/styles/upload/5/b/4/e205faa60d1f89aee5625ec7dcb70.png);}
Die blauen Werte sind zum positionieren dar, sie bestimmen wo dein
Logo auf der seite dargestellt werden soll.
top: Abstand von oben => je höher der Wert, desso tiefer das Bild
left: Abstand von links => je höher der Wert, desso weiter nach rechts geht dein Bild
Text über dem Design:
Zitat: <div id="logo"></div> ______________ 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.
Zuletzt bearbeitet von blutsegelbukaniere am 03.02.2010, 23:03, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
chatten-ohne-anmeldung
|
03.02.2010 um 20:08 (UTC) Titel: danke |
|
|
danke für deine antwort blos wie bekom ich das in der mite wie sich es gehöhrt,vesuche schon die ganze zeit den code um zu ändern,würdest du mir denn evt so schicken,das ich ihn einfügen kann ? |
|
↑
|
|
|
-
blutsegelbukaniere
|
03.02.2010 um 20:17 (UTC) Titel: |
|
|
Indem du die Werte (blau makiert) verändert. Ich habe den Code mal ein bisschen
angepasst, sodass er nun fixiert ist (wäre ansonsten Auflösungabhängig).
Wie gesagt, einfach mal die blauen Werte (top und left) anpassen, bis es
passt.
Zitat: #logo{
position: absolute;
top: 100px;
left: 50%;
margin-left: -100px;
width: 922px;
height: 206px;
background-image:url(http://jappa-24.mixxt.de/storage/images/styles/upload/5/b/4/e205faa60d1f89aee5625ec7dcb70.png);} ______________ 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.
Zuletzt bearbeitet von blutsegelbukaniere am 03.02.2010, 23:02, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
chatten-ohne-anmeldung
|
03.02.2010 um 20:41 (UTC) Titel: huhu |
|
|
vielen dank für deine antwort,das hab ich aber nicht gemeint,das Logo an sich ist ja schon angepasst
möchte gern die seite runter haben
das wo die sachen setehen wie Chat und so das alles etwas runter kommen kann das logo soll so bleiben wie es jetzt iss BÜÜÜÜÜÜÜDE hilfe mir )))
das alles das hier
Zitat: * Chat
* Cobra-11
* Partner
* Impressum
* Jappa Unterstützen
etwas runter kommt es iss alles zu hoch (((((
Zuletzt bearbeitet von chatten-ohne-anmeldung am 03.02.2010, 21:43, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
chatten-ohne-anmeldung
|
03.02.2010 um 20:44 (UTC) Titel: Re: huhu |
|
|
chatten-ohne-anmeldung hat Folgendes geschrieben: vielen dank für deine antwort,das hab ich aber nicht gemeint,das Logo an sich ist ja schon angepasst
möchte gern die seite runter haben
das wo die sachen setehen wie Chat und so das alles etwas runter kommen kann das logo soll so bleiben wie es jetzt iss BÜÜÜÜÜÜÜDE hilfe mir )))
das alles das hier
Zitat: * Chat
* Cobra-11
* Partner
* Impressum
* Jappa Unterstützen
etwas runter kommt es iss alles zu hoch (((((
der codes ist noch mal
Zitat: <style type="text/css"><!-- /* Copyright by Designvorlage */ div#pre_header{display: none;} #header_container{display: none;} h1#header{display: none;} div#post_header{display: none;} h2#nav_heading{diplay: none;} body{ background-image: url(http://jappa-24.mixxt.de/storage/images/styles/upload/2/9/4/1bc92d12df3a337643fece4552689.gif); background-repeat: repeat;} #container{ position:absolute; left:50%; margin-left:-430px; top:30px; width: 800px;} div#header_container{ background-image: url(http://img.webme.com/pic/c/chatten-ohne-anmeldung/logo_neu.png); width: 800px; height: 600px;} ul#nav { list-style-type: none;} li.nav_element{ background-image: url(http://file.preloader.xe.cx/s3/2be0bded51f826ba850e991c8998feb0.png); height: 800px; display: inline; padding: 8px; border: 1px solid #F5A80E;} li.nav_element:hover{ background-image: url(http://img.webme.com/pic/f/freizeit-hp/navbg_hover_lightstar.png); border: 1px solid #F5A80E;} a.menu{ text-decoration: none; font-family: arial; font-weight:bold; color: #000;} h2#title{ background-color: F5A80E; color: #F5A80E; border: 1px solid #F5A80E; test-align: center; font-size: 18px; font-family: times new roman, arial; margin: 0px 700px 10px 0px;} div#content { background-image: url(http://img.webme.com/pic/f/freizeit-hp/bodybg_lightstar.png); background-repeat: repeat-x; background-color: #FFBE10; border: 1px solid #FFBE10; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: justify;} div#counter{ color: #FFF; background-color: #FED200; border: 1px solid #F88108; text-align: center; font-weight: bold; font-size: 14px; width: px; m600argin: 10px 0px 20px 500px;} #sidebar_container {display:none;} --></style><script language="JavaScript" src="http://js.stats.de/j/0000088989"></script> <script language="JavaScript"> rapidstats(88989); </script><noscript> <a href="http://www.stats.de" target="_blank"> <img src="http://srv1.stats.de/l/0000088989?js=0" border="0" alt=""></a></noscript>
<div id="logo"></div>
das so machen das ich kihzn nur einfügen kann bist echts ehr lieb,wen du das machen würdst )))) |
|
↑
|
|
|
-
blutsegelbukaniere
|
03.02.2010 um 22:09 (UTC) Titel: |
|
|
Durch einer kleinen Diskussion wurde anscheint mehr draus.
Ich habe ihn die Seite nach seinen Wünschen angepasst. ______________ 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. |
|
↑
|
|
|
|