[HTML] Omlijning in verschillende kleuren.

[Sister Bliz]

Ik wil -om mijn cu2-profiel- een rand hebben van verschillende kleuren.

Een (random) voorbeeld van wat ik bedoel: http://www.cu2.nl/xxLil-Dushixx

De HTML code voor een 'gewone' rand heb ik wel gevonden op mycu2.nl, <div style="background-color: orange; width:640px; border: 3 ridge white">, maar hoe krijg ik een rand van meerdere kleuren?

border-color: blue red white yellow

boven (blauw) - rechts (rood) - beneden (wit) - links (geel)

border-color: blue yellow

boven en beneden: blauw
links en rechts: geel

[Aegishjalmur]

Sister Bliz schreef:
Ik wil -om mijn cu2-profiel- een rand hebben van verschillende kleuren.

Een (random) voorbeeld van wat ik bedoel: http://www.cu2.nl/xxLil-Dushixx

De HTML code voor een 'gewone' rand heb ik wel gevonden op mycu2.nl, <div style="background-color: orange; width:640px; border: 3 ridge white">, maar hoe krijg ik een rand van meerdere kleuren?

je kunt denk ik bij cu2 toch ook de broncode bekijken of niet ??

beeld -> bron

[Kratje_Bier]

border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;

[Sister Bliz]

Aegishjalmur schreef:


je kunt denk ik bij cu2 toch ook de broncode bekijken of niet ??

beeld -> bron

Ja, dat heb ik net (lees: met behulp van vriend) ook ontdekt, maar het werkt niet goed omdat de meeste mensen hun height-stuff anders hebben ingesteld als ik, en dan krijg je een rotzooitje.

Bedankt voor de suggesties, maar ik wil over allevier de breedtes en lengtes dezelfde omlijning .. Niet aan alle vier de kanten een andere kleur.

't Is beetje moeilijk uit te leggen

[Kratje_Bier]

je kunt niet een rode rand rondom hebben en dan een rand van een andere kleur daar binnenin. Mischien kun je wel een wat kleinere div in de div maken met een andere style

[Sister Bliz]

Kratje_Bier schreef:
je kunt niet een rode rand rondom hebben en dan een rand van een andere kleur daar binnenin. Mischien kun je wel een wat kleinere div in de div maken met een andere style

Prachtig En hoe luidt die code?

Ik weet niet of dat ueberhaupt kan :/

Maar je wilt dus een rand die uit meerdere kleuren bestaat?



Zoiets dus? (let ff niet op de kleuren)

Hmm, misschien kun je wel nesten. Zou je moeten proberen..

[Kratje_Bier]

Sister Bliz schreef:


Prachtig En hoe luidt die code?

div in een div:
<div style="background-color: orange; width:640px; border: 3 ridge white"><div style="background-color: red; width:600px; border: 1 ridge yellow">plep?</div></div>

[Sister Bliz]

******** schreef:
Ik weet niet of dat ueberhaupt kan :/

Maar je wilt dus een rand die uit meerdere kleuren bestaat?



Zoiets dus? (let ff niet op de kleuren)

Hmm, misschien kun je wel nesten. Zou je moeten proberen..

Ja, zoiets. Mijn profiel zelf is roze, en nu wil ik er een rand omheen die bestaat uit paars, blauw en rood

Nesten?

Sorry, ben maar 'n meisje ..

Sister Bliz schreef:
Nesten?

Nesten is het gebruiken van een object binnen een gelijksoortig object. Dus in deze context het gebruik van een div binnen een andere div, zoals Kratje Bier het al voordoet

[Sister Bliz]

Kratje_Bier schreef:

div in een div:
<div style="background-color: orange; width:640px; border: 3 ridge white"><div style="background-color: red; width:600px; border: 1 ridge yellow">plep?</div></div>

Lijkt er al een beetje meer op, maar is nog geen dubbele rand. ..


Bekijk mijn cu2 anders maar even en zie wat het geworden is nadat ik de kleuren naar wens heb ingevuld in de ge-quote (?) code.

www.cu2.nl/prettyinpink

<div style="border-style: solid; border-width: 3pt; border-color: red;">
  <div style="border-style: solid; border-width: 3pt; border-color: blue;">
    <div style="border-style: solid; border-width: 3pt; border-color: purple; padding: 5pt; background-color: yellow">
    
    bla
    
    </div>
  </div>
</div>

Pas de kleuren zelf maar aan

[edit]
Gebruikte referentie

[Sister Bliz]

Het is gelukt

Me is blij

Dank jullie wel voor vriendelijke medewerking, Marc en Kratje_ Bier

Sister Bliz schreef:
Zie cu2 voor visualisatie ..

Komt door de parser van Cu2. Je zult de tags aan elkaar moeten plakken op 1 regel, zoals dit (hier gaat de layout ):

<div style="border-style: solid; border-width: 3pt; border-color: red;"><div style="border-style: solid; border-width: 3pt; border-color: blue;"><div style="border-style: solid; border-width: 3pt; border-color: purple; padding: 5pt; background-color: yellow">
    
    bla
    
</div></div></div>

[Sister Bliz]

******** schreef:
Komt door de parser van Cu2. Je zult de tags aan elkaar moeten plakken op 1 regel, zoals dit (hier gaat de layout ):

<div style="border-style: solid; border-width: 3pt; border-color: red;"><div style="border-style: solid; border-width: 3pt; border-color: blue;"><div style="border-style: solid; border-width: 3pt; border-color: purple; padding: 5pt; background-color: yellow">
    
    bla
    
</div></div></div>

Je hebt gelijk
(Dat laatste had Mark ook al door )

Sister Bliz schreef:
Je hebt gelijk
(Dat laatste had Mark ook al door )

Ghehe

Avril Lavigne is best leuk trouwens, luister net naar het nummer Complicated

[Kratje_Bier]

het is trouwens wel handig dat je een goede wyswyg html editor gebruikt. dreamweaver ofzo.. kun je veel beter zien wat je doet

[Sister Bliz]

******** schreef:
Ghehe

Avril Lavigne is best leuk trouwens, luister net naar het nummer Complicated

Ja, 'tis bijzonder leuke muziek, zeker gezien ze uit Canada komt Onzin hoor

Bedankt, ben erg blij met het resultaat.

Kratje_Bier schreef:
het is trouwens wel handig dat je een goede wyswyg html editor gebruikt. dreamweaver ofzo.. kun je veel beter zien wat je doet

De HTML parser van Cu2 is tamelijk beperkt, dus zul je merken dat het 1 en al spaghetti wordt als Dreamweaver tags gebruikt die Cu2 niet accepteert

[Sister Bliz]

Kratje_Bier schreef:
het is trouwens wel handig dat je een goede wyswyg html editor gebruikt. dreamweaver ofzo.. kun je veel beter zien wat je doet

Ja, daar heb je gelijk in .. Maar ik heb er vaak last van als ik HTML in het cu2-veld-ding plak, het vreemde dingen doet.

Maar dat ligt aan mij, bij mij gaan zo'n dingen meestal mis. Ik heb een gebrek aan logica

[Sister Bliz]

******** schreef:
De HTML parser van Cu2 is tamelijk beperkt, dus zul je merken dat het 1 en al spaghetti wordt als Dreamweaver tags gebruikt die Cu2 niet accepteert

Dat bedoelde ik

[Kratje_Bier]

Sister Bliz schreef:


Ja, daar heb je gelijk in .. Maar ik heb er vaak last van als ik HTML in het cu2-veld-ding plak, het vreemde dingen doet.

Maar dat ligt aan mij, bij mij gaan zo'n dingen meestal mis. Ik heb een gebrek aan logica

cu2 staat niet toe dat je alle html mogelijkheden gebruikt om misbruik te voorkomen.

Sister Bliz schreef:
Ja, 'tis bijzonder leuke muziek, zeker gezien ze uit Canada komt Onzin hoor

zou idd erg zijn als je ze om die reden leuk vindt

Bedankt, ben erg blij met het resultaat.

Kratje_Bier schreef:
cu2 staat niet toe dat je alle html mogelijkheden gebruikt om misbruik te voorkomen.

Even met JavaScript session-cookies snoepen bijvoorbeeld Kun je zo van elke bezoeker het Cu2 profiel 'hacken' .. maar goed, zulke dingen zijn dus niet toegestaan.

Daarnaast zijn er nog extra opmaak-codes die met de ingevoerde HTML rotzooien. Elke return (13 of 13+10) resulteert in een <br> tag bijvoorbeeld .. catastrofaal als je met een WYSIWYG editor aan de slag gaat.

*gaap* .. ik ga maar eens naar bed

[Kratje_Bier]

******** schreef:
Even met JavaScript session-cookies snoepen bijvoorbeeld Kun je zo van elke bezoeker het Cu2 profiel 'hacken' .. maar goed, zulke dingen zijn dus niet toegestaan.

Daarnaast zijn er nog extra opmaak-codes die met de ingevoerde HTML rotzooien. Elke return (13 of 13+10) resulteert in een <br> tag bijvoorbeeld .. catastrofaal als je met een WYSIWYG editor aan de slag gaat.

*gaap* .. ik ga maar eens naar bed

daarom zuigt cu2 ook harder dan de stofzuiger van m'n ma