Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
AbonnerSkjul
Host1.no - Webhotell fra 29,-, virtuell server fra 249,-. 15% rabatt med rabattkode "nFF". Besøk oss på Host1.no!
  19 1143
Vikingor
<?=getUserTitle()?>
319 52
14. mars 2012
Heisann!

http://i44.tinypic.com/1z5heg1.png

Hvordan får jeg denne effekten med CSS?
Pøvd lenge nå, men får det ikke til
Burde jeg bruke ett bilde på Høyde-X og repeate kun til høyre, og så bruke fargen #FAFAFA etter det?
Sist endret av nso; 15. mars 2012 kl. 00:09. Grunn: Glemte bildet :P
Villas
Innviklingshemmet
54 74
14. mars 2012
Er det bare for meg det er uklart hvilken effekt du mener?
Vikingor
<?=getUserTitle()?>
Trådstarter
319 52
14. mars 2012
Sitat av Teddow Vis innlegg
Er det bare for meg det er uklart hvilken effekt du mener?
Vis hele sitatet...
Beklager, min feil.

Effekten jeg mener er bakgrunnen
Villas
Innviklingshemmet
54 74
14. mars 2012
At den er grå, og så blir hvit? Må si jeg synes du er litt uklar her... xD
Vikingor
<?=getUserTitle()?>
Trådstarter
319 52
14. mars 2012
Ja, at den blir Grå og så Hvit, med kanskje en dæsj med svart mellom de to
Villas
Innviklingshemmet
54 74
14. mars 2012
En enkel og som regel grei løsning er jo å lage et bilde av det, kan fort bli komplisert og plassere et bilde over en border, kan jeg tenke meg.
krJo
krJo's Avatar
1.204 450
14. mars 2012
Det letteste er vel å ha et bakgrunnsbilde?

EDIT: arghh.. ninja'd
Sist endret av krJo; 14. mars 2012 kl. 21:34.
Vikingor
<?=getUserTitle()?>
Trådstarter
319 52
14. mars 2012
Sitat av Teddow Vis innlegg
En enkel og som regel grei løsning er jo å lage et bilde av det, kan fort bli komplisert og plassere et bilde over en border, kan jeg tenke meg.
Vis hele sitatet...
Det var det jeg også tenkte, bare lurte på om det var en måte å gjøre dette med ren CSS
s1gh
s1gh's Avatar
1.785 384
14. mars 2012
Fremdeles litt usikker hva du mener, men noe sånt du tenkte?
- http://code-injection.com/test/
Vikingor
<?=getUserTitle()?>
Trådstarter
319 52
14. mars 2012
Sitat av s1gh Vis innlegg
Fremdeles litt usikker hva du mener, men noe sånt du tenkte?
- http://code-injection.com/test/
Vis hele sitatet...
Ja, akkurat det jeg tenkte
Villas
Innviklingshemmet
54 74
14. mars 2012
Hvis du skal plassere elementer/bilder over så er nok det letteste å plassere manuelt.

Kode

position: fixed;
top:20px;
right:20px
Carlo
Better than thou.
5.965 46
14. mars 2012
Det er fullt mulig men jeg regner ikke med at det er gjort her (tar lengre tid og sparer lite båndbredde). Har du tittet i kildekoden? Hvilken side er dette?
Judaz
Judaz's Avatar
721 313
14. mars 2012
Regner med noe sånt burde funke, uten at jeg har prøvd denne kodesnutten selv.

<style>
.gråbakgrunn {
background: #ccc;
height: 50px;
}
.bildemeddame {
margin-left: 20px;
margin-top: -100px;
}
</style>
<div class="gråbakgrunn"></div>
<div class="hvitbakgrunn">
<div class="bildemeddame"><img src="..." /></div>
</div>
Vis hele sitatet...
Sitat av Teddow Vis innlegg
Hvis du skal plassere elementer/bilder over så er nok det letteste å plassere manuelt.

Kode

position: fixed;
top:20px;
right:20px
Vis hele sitatet...
Ville kanskje ikke brukt position: fixed med mindre du vil at bildet skal stå på akkurat samme sted om brukeren scroller opp/ned på siden.
nukleuz
213 3
14. mars 2012
Hei.

Her er mitt forslag, med ganske enkel markup.

HTML-kode

<div id="profile" class="roundedCorners">
    <img src="http://images.starpulse.com/Photos/Previews/Drag-Me-To-Hell-movie-01.jpg" alt="profilePic" id="profileBig" class="roundedCorners" />
    <h1 id="profileHeader">My name <span>- Profile</span></h1>
    <p id="profileTxtBig">Buttons orka jeg ikke lage, siden du ikke ber om det.</p>
</div>
[COLOR="Red"]LIVE eksempel, med CSS[/COLOR]: http://development.giaever.org/paste...rHD/index.html
Sist endret av nukleuz; 14. mars 2012 kl. 23:08.
Vikingor
&lt;?=getUserTitle()?&gt;
Trådstarter
319 52
14. mars 2012
Jeg løste den slik.
http://i40.tinypic.com/1192ubp.png

Brukte bare et bilde som er 10px bred med 1px "Border" nederst, og Repeat-X og background-color:#FAFAFA;
Sist endret av nso; 15. mars 2012 kl. 00:09.
Dominic
NaN
Dominic's Avatar
534 79
14. mars 2012
Sitat av TheJokerHD Vis innlegg
Jeg løste den slik.
http://i40.tinypic.com/1192ubp.png

Brukte bare et bilde som er 10px bred med 1px "Border" nederst, og Repeat-X og background-color:#FAFAFA;
Vis hele sitatet...
Støtter denne, du kan selvsagt gjøre det med elementer av ulik farge og posisjonering, men det blir fort leit mye markup og css i forhold til bildeløsningen. Du trenger forøvrig ikke å ha bildet mer enn 1 px i bredde
Sist endret av nso; 15. mars 2012 kl. 00:09.
Vikingor
&lt;?=getUserTitle()?&gt;
Trådstarter
319 52
14. mars 2012
Jeg vet jeg ikke trenger mer en 1px bredde, men jeg brukte bare 10 da jeg lagde den.
Har forsåvit endret den ned til 1px i bredde nå
nukleuz
213 3
15. mars 2012
Selv unngår jeg bruke bilder så fremst jeg ikke må. Nettopp fordi bilder er vanskeligerer å endre i ettertid. Dessuten er dette gjort med enkel CSS og HTML.
Vikingor
&lt;?=getUserTitle()?&gt;
Trådstarter
319 52
16. mars 2012
nuklez, nå har jeg brukt den CSS metoden du laget for meg, den passer meg mye bedre siden jeg skal la mine brukere redigere sin egen CSS
nukleuz
213 3
17. mars 2012
Flott. Bilder bør stengt talt kun brukes ved absolutt behov.