Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.03.2011 um 22:55 (UTC)    
Titel: CSS Anfänder kann einer Helfen

Hallo,

Ich habe schonmal Angefangen ein Design zu Zeichnen
und wollte euch fragen, ob jemand ein CSS Design dafür schreiben kann.

Als Grundlegendes Design hab ich gedacht dieses Bild
Breite: 1200
Höhe 900
http://img.webme.com/pic/e/epicgamesoft/hpdesignnr1.jpg

Den Code dafür weis ich nicht
Die Navigation sollte richtig sein Very Happy

#nav_container { position: absolute; left: 30%; top: 360px; margin-left:-340px; border:0px solid #FFFFFF;width: 950px;}

Kann einer den Code dafür Richtig machen?

News: sollte bitte Irgendwie eine Recte Textbox sein
Denn hier soll ein <.marquee> Durchlaufen Razz


Die Videos in einer 2ten Rechten Box Wink
Hier werden dann die Videos eingebettet

Das Hintergrund Bild ist im CSS Code so:
#content { position: absolute; left: 37%; top: 420px; margin-left:-370px; width: 620px; height:640px; overflow:auto;} color:#FFFFFF; font-size:13px; font-family:arial; text-align:left; background-color:; background-image:url(http://img.webme.com/pic/e/epicgamesoft/stein.jpg); border: 0px solid #FFFFFF;}
wenn ich mich net Irre

Kann das Bitte einer machen oder mir Helfen?


Zuletzt bearbeitet von epicgamesoft am 27.03.2011, 00:01, insgesamt einmal bearbeitet
Beitrag27.03.2011 um 09:46 (UTC)    
Titel:

Hey.

Also das Hintergrundbild solltest du so funktionsfähig kriegen:

Code:

/* Hintergrund hinter Design */
body {
background-color:#ffffff;
background-image:url(http://img.webme.com/pic/e/epicgamesoft/stein.jpg);
background-repeat: repeat;
text-align: left; }


Bei der Navileiste bin ich gerade leider überfragt. Neutral

Bei den Boxen musst du - glaube ich jedenfalls - doch lediglich den 'Marquee' in die Box schreiben. Bei den Videos den Einbettungs-Code. Die werden in den meisten Fällen von der Videoplattform unter dem Namen "Embed" angeboten.

- MfG. Torben M.
Beitrag27.03.2011 um 11:08 (UTC)    
Titel:

Ja den Code Wusste ich schon
Code:
</style> <center> <style type="text/css"> <!--  td[height="102"] { position:center;  }   *{margin:0px; padding:0px; }  body { background-color: #000000; background-image: url(); }      #metin2design { position:center; top: 100px; left:0%; margin-left:-0px; width:1200px; height:900px; background-image:url(http://img.webme.com/pic/m/metin2-designs/starlight.jpg );}     #content { position: absolute; left: 55%; top: 310px; margin-left:-282px; width: 700px; height:620px; overflow:auto;} color:#999999; font-size:13px; font-family:arial; text-align:left; background-color:; background-image:url(); border: 0px solid #FFFFFF;}  /* Linkfarben im Textfeld content */ #content a{ color:#00000;}   /* Feld    Navigation */  #nav_container{ position: absolute; left: 46%; top:310px; margin-left: -458px; width: 220px; height:833px; border: 0px solid #C01A1A; overflow:auto;}  ul#nav{ width: 220px; padding: 0px; margin: 0px;}     li.nav_element{ list-style-type: none; color:#000000; padding:0px; width: 220px; }      li.nav_element a{  width:220px; padding:4px; font-weight: arial; text-decoration: none; text-align: center; color:#666666; background-color:#Transparent; border: 0px solid #000000;}     li.nav_element a:hover{ width:220px;  color: #ffffff; text-decoration: strong;}  border: 0px solid #; }     a.menu{font-size: 13px; text-decoration: none; font-family: arial; font-weight:none; color: #cccccc;}      h2#title{ background-color: #000000; color: #000000; border: 0px solid #000000; test-align: center; font-size: 13px; font-family: times new roman, arial; margin: 0px 670px 10px 0px;}  /* Feld unter Textfeld */ #Feld_unten { position: absolute; left: 50%; top: 0px; margin-left:-190px; width: 380px; height: 63px; color: #C6BA8A; font-size: 12px; font-family: arial; text-align: center; border: 0px solid #FFFFFF;}   /* Felder die wir nicht benötigen */ h1#header {display:none;} h2#title {display:none;} #sidebar_heading{display:none;}    #nav_heading{display:none;}


Diesen Code muss ich so ändern dass er passt Razz
Beiträge der letzten Zeit anzeigen:   


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