Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.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]
Beitrag03.02.2010 um 19:22 (UTC)    
Titel: hm...

keiner kann dsa helfen ? Sad schade

würd mich über antwort sehr freuen Wink iss sehr wichtig
Beitrag03.02.2010 um 19:34 (UTC)    
Titel:

Pushen (Thread wieder nach oben "schubsen) ist erst nach 24 Stunden erlaubt Wink


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. Smile


Zuletzt bearbeitet von blutsegelbukaniere am 03.02.2010, 23:03, insgesamt einmal bearbeitet
Beitrag03.02.2010 um 20:08 (UTC)    
Titel: danke

danke für deine antwort Smile 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 ?
Beitrag03.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. Wink

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. Smile


Zuletzt bearbeitet von blutsegelbukaniere am 03.02.2010, 23:02, insgesamt einmal bearbeitet
Beitrag03.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 Smile)))

das alles das hier

Zitat:
* Chat
* Cobra-11
* Partner
* Impressum
* Jappa Unterstützen

etwas runter kommt Smile es iss alles zu hoch Sad(((((


Zuletzt bearbeitet von chatten-ohne-anmeldung am 03.02.2010, 21:43, insgesamt einmal bearbeitet
Beitrag03.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 Smile)))

das alles das hier

Zitat:
* Chat
* Cobra-11
* Partner
* Impressum
* Jappa Unterstützen

etwas runter kommt Smile es iss alles zu hoch Sad(((((


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 Smile bist echts ehr lieb,wen du das machen würdst Smile))))
Beitrag03.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. 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
Beiträge der letzten Zeit anzeigen:   


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