Antworten auf deine Fragen:
Neues Thema erstellen

Wie code ich am bessten den bg

Momo22m

Pixxel-Design / Lehrling

Denk mal gehört ihr her weilst nicht verschiebt es bitte

also ich hab das Design gemacht was ich mir bichen angeguckt habe ^^
so von aufbau ist das coden kein ding nur bei den bg hab ich kein Plan
und zwar mach ich das immer so das ich ein schreiffen aus bg hole und den im body repaden lasse aber bei den design weiß ich nicht ob das geht und wollte euch mal um Hilfe fragen ob ihr wisst wie ich das am besten machen kann

so ihr das design



weil ich denke mal wen ich das so mache wie immer sieht die Abrisskante scheiße aus


thx ihn vorraus

mfg Momo
 

ichbinsnuhr

BÄÄÄM!

AW: Wie code ich am bessten den bg

Was genau willst du jetz? Sorry ich hab das net ganz geblickt...

(btw, vll mal n Bisschen zu den Themen Rechtschreibung und Interpunktion informieren (; )
 

cebito

undefined

AW: Wie code ich am bessten den bg

Was genau machst du denn - ein Online-Beispiel wäre hilfreich. Wie sehen die geslicten Bilder aus? Wo sollen sich die Container evtl. ausdehnen? Und welche Abrisskante sieht scheiße aus?

(btw, vll mal n Bisschen zu den Themen Rechtschreibung und Interpunktion informieren (; )

Schaust du Signatur von TE - bist du schlauer!
 

Momo22m

Pixxel-Design / Lehrling

AW: Wie code ich am bessten den bg

ja sorry mon keine seite on aber ich mach mal mit rein mit den dev die ich so mache

edit:

so ihr ist das bild



so es geht um den schwatzen Balken der soll der bg im body werten aber wen ich den repady ist die abrichtende ja kacke

so mach ich das meisten nimm balen und lass den sich wiederholen auf der y kante aber das kann ich ihr vergessen oder
 
Zuletzt bearbeitet:

Momo22m

Pixxel-Design / Lehrling

AW: Wie code ich am bessten den bg

Auch gegen LRS kann man was tun ;) aber okay, akzeptiert^^. Ich mecker nich mehr.



wüsst ich auch gern.. ich finds jetz net so schlimm.


nee worde scheiße aus sehen wen ich den schwarzen baken wiederholen lassen worde auf der y seite im body

ich werte mal code posten ihn 2 min

so ihr der code

Code:
@charset "utf-8";
/* CSS Document */

* {
    margin:0;
    padding:0;
    border:0;
    }
    
    
.noText {
    text-indent:-99999999px;
    color:#000;
    font-size:1px;
    overflow:hidden;}
    
.clear {
    float:none;
    clear:both;
    }
    
.noMargin {
    margin:0;
    !important;
    }
    
html {
    background:url(../Bilder/bg-html.jpg) repeat;
    }
    
body {
    background:url(../Bilder/bg-html.jpg) repeat-x;
    }
    
div#container {
    width:920px;
    height:835px;
    margin:0 auto;
    }
    
div#header {
    background:url(../Bilder/bg-header.jpg) no-repeat;
    width:920px;
    height:117px;
    }
    
div#header ul#navi {
    list-style:none;
    }
    
div#header ul#navi li a {
    height:79px;
    display:block;
    background:url(../Bilder/bg-navi-hover.png) no-repeat;
    position:relative;
    top:39px;
    width:297px;
    }
    
div#header ul#navi li a.uber-mich {
    width:97px;
    background-position:0 0;
    left:620px;
    top:41px;
    background:url(../Bilder/bg-uber.jpg) no-repeat;
    }
    
div#header ul#navi li a.portfolio {
    width:101px;
    background-position:0 -97px;
    left:717px;
    top:-38px;
    background:url(../Bilder/bg-port.jpg) no-repeat;
    }
    
div#header ul#navi li a.kontakt {
    width:101px;
    background-position:0 -198px;
    left:817px;
    top:-117px;
    background:url(../Bilder/bg-kon.jpg) no-repeat;
    }
    
div#header ul#navi li a:hover,
div#header ul#navi li.active a {
    background:none;
    }
    
div#conten {
    background:url(../Bilder/bg-conten.jpg) no-repeat;
    width:920px;
    height:581px;
    }
    
div#conten div#conten-box {
    width:821px;
    height:540px;
    position:absolute;
    top:130px;
    left:220px;
    }
    
div#conten div#conten-box2{
    width:821px;
    height:540px;
    position:absolute;
    top:130px;
    left:220px;
    overflow:auto;
    }
    
div#conten div#conten-box div#foto {
    width:300px;
    height:200px;
    top:10px;
    left:20px;
    }
    
div#conten div#conten-box div#twitter_update_list {
    background:url(../Bilder/bg-twitter.png) no-repeat center;
    width:300px;
    height:330px;
    margin:10px 0;
    }
    
div#twitter_update_list div#link {
    display:block;
    width:150px;
    height:35px;
    top:205px;
    left:128px;
    position:relative;
    }
    
div#link a {
    display:block;
    color: #333;
}
    
div#conten div#conten-box div#spalte2 {
    width:510px;
    height:540px;
    position:absolute;
    margin:0 10px;
    top:0px;
    left:301px;
    }
    
div#conten div#conten-box div#spalte3 {
    width:400px;
    height:539px;
    margin:10px 0;
    left:0px;
    top:-9px;
    }
    
div#conten div#conten-box div#spalte4 {
    width:400px;
    height:538px;
    position:absolute;
    margin:10px 0px;
    top:1px;
    left:405px;
    position:absolute;
    }
    
div#footer {
    background:url(../Bilder/bg-footer.jpg) no-repeat;
    width:920px;
    height:137px;
    }
    
div#footer div#book {
    top:722px;
    left:625px;
    position:absolute;
    width:200px;
    height:50px;
    }
    
div#footer ul#subnavi {
    list-style:none;
    }
    
div#footer ul#subnavi li a {
    height:50px;
    display:block;
    position:absolute;
    top:15px;
    width:150px;
    }
    
div#footer ul#subnavi li a.impressum {
    left:800px;
    width:150px;
    font:#999;
    }

ist nee altere seite die aber genau so aufgebaut werten soll

und da habe ich auch im body bericht ein Balken wiederholen lassen das 2 Bild da soll der schwarze Balken wiederholt werten hoffe wisst jetzt was ich meine

das soll dann sein das sich der bg allen destop anpasst
 
Zuletzt bearbeitet:

cebito

undefined

AW: Wie code ich am bessten den bg

Ohne Link ist das wie ein Sack Mehl, wo du mir erzählen willst, wie der mal als Brot aussehen soll. Nur hab ich das Brot noch nicht gesehn. Ich hab keine Ahnung von dem was du willst.
 

Momo22m

Pixxel-Design / Lehrling

AW: Wie code ich am bessten den bg

ok die Seite ist eigentlich off aber ihr ein Link



die Seite wird halt neu gemacht wollte sie bichen verändern und co
 
Zuletzt bearbeitet:

Monja

Nachtschwärmer

AW: Wie code ich am bessten den bg

Du solltest aber trotz deiner Rechtschreibeschwäche jemanden auf deine Seite schauen lassen der korrigiert. In diesem einen Satz tummeln sich schon diverse Fehler. (siehe dein Link zur Seite) Von einer Seite mit so vielen Fehlern, werden die Leute schnell wieder abhauen.
 

Momo22m

Pixxel-Design / Lehrling

AW: Wie code ich am bessten den bg

ja ich weiß das war ja nur nee probe seite deswegen index1 ^^ nur jetzt komm ich mit coden nicht weiter

versuch mal zu erklären ich fange immer an ihn der css den body an zu sprechen und da hau ich halt immer von Design so ein Stuck rein so das wen einer mit eine auflösung von 2000px oder so das sich da der so genande bg auch bei den bis zum destop rand geht

von den design wo es jetzt geht



da wo ich die schwarzen Balken habe das Stuck will ich ihn body packen aber da stimmt das ja dann nicht mehr ober ein mit Design weil ja das Stuck ja wiederholt wird wie kann ich das losen
 

Ladyan

Nicht ganz neu hier

AW: Wie code ich am bessten den bg

Hi Momo,

eine dynamische Seite mit diesem Hintergrund zu erzeugen funktioniert natürlich nicht mit einem einfachen repeat.

Für eine statische Seite hätte ich gesagt nimm den oberen Teil als Bild, nimm den unteren Teil als Bild, und die Mitte entweder als drittes oder eben 1px-Spalte die sich wiederholt:


Du könntest für eine dynamische Breite zb deine Kanten an den Enden gerade ausklingen lassen und diesen Part wiederholen:

Hier wäre der markierte Bereich das feste Hintergrundbild für deinen div#container, und die Spalten rechts und links dein body mit repeat-x

Oder du definierst einen Abschluss an den Seiten und lässt den Hintergrund einfach weiß:


...oder du lässt ihn transparent verlaufen bevor du auf den weißen bg triffst:


oder..oder..oder... lass deiner Kreativität halt mal freien Lauf ;)

Lg
 

Momo22m

Pixxel-Design / Lehrling

AW: Wie code ich am bessten den bg

hy danke für den tipp mir ist da auch noch was ein gefallen ich lass die Abrisskante nur am container und der recht ist nee gerate kante so geht das dann wieder und denke das sieht auch noch gut aus
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.640
Beiträge
1.538.506
Mitglieder
67.559
Neuestes Mitglied
mic4mac
Oben