SunlightDreams Voeg toe als vriend Stem topsite!
Bezoekers vandaag: 9 Bezoekers Totaal: 129869 Punten deze maand: 0 Punten totaal: 1648 Home - Inloggen - Aanmelden - Zoeken
- codes

icons tabbalkje veranderen2013-09-02 22:04:36

Wil jij je icoontjes veranderen van je tabbalkje? Waar nu die saaie afbeeldingen staan van je weblog, profiel en standaartpagina's? Wil je hier een mooi plaatje neer zetten bijvoorbeeld als dit? Maak dan je eigen balkje en gebruik de volgende code op je pagina, en vul hem in. Daarna heb je je tabbalkje icoons opgefleurt!
* De roze gekleurde tekst kun je aanpassen zodat de code naar jouw wens is!

 

<DIV align=center>
<DIV style="POSITION: absolute; WIDTH: 19px; HEIGHT: 170px; TOP: 45px; LEFT: 0px" align=left><FONT size=1><FONT color=#ffffff><FONT color=#ffffff size=1><IMG border=0 src="LINK VOOR DE ACHTERGROND"></FONT></FONT></FONT></DIV></DIV
>
<P align=left><FONT size=1><FONT color=#ffffff></FONT></FONT> </P><FONT size=1><FONT color=#ffffff></FONT></FONT>
<HR>
<BR>

Schrijf reactie (alleen leden)
xFlore (15) 2013-09-19 09:36:49
Ik reageer het even op deze hoor haha, maar hoe maak je zo'n overlay die jij ook hebt aan het begin? Vroeger lukte het me altijd wel maar ben helemaal vergeten hoe xd. xx


Plaatje laten linken.2013-09-02 21:59:42

Wil je je plaatje laten linken? Zet deze code dan op je site!
* De roze gekleurde tekst kun je aanpassen zodat de code naar jouw wens is!

<a href="HIER DE URL VAN DE SITE"><img src="HIER DE URL VAN HET PLAATJE" border="0"></a>

Schrijf reactie (alleen leden)


shoutcodes2013-09-02 21:57:44

Wil je een bericht plaatsen in de shout van imOnline op de homepage? Maar wil je dat jou bericht net wat opvallender is dan al die andere normale tekst in de shout? Gebruik dan deze codes hiervoor om jou tekst wat vrolijker te maken!
* De roze gekleurde tekst kun je aanpassen zodat de code naar jouw wens is!
    

 

Dikgedrukte tekst:                    <b> hier jou tekst </b>
Schuingedrukte tekst:              <i> hier jou tekst </i>
Doorstreepte tekst:                  <s> hier jou tekst </s>
Grote tekst:                              <big> hier jou tekst </big>
Kleine tekst:                            
<small> hier jou tekst  </small>
Onderstreepte tekst:                <u> hier jou tekst </u>

andere kleur tekst:               <font color="yellow"> hier jou tekst </font>
andere lettertype tekst:        <font font="times new roman"> hier jou tekst </font>
andere lettertype, kleur en grootte tekst:          
<font face="century gothic" size="3" color="orange"> hier jou tekst </font>

Link opent in nieuw venster:         <a href="TYP HIER DE SITE" target="_blank">LINK NAAM</a>
Link opent in hetzelfde venster:    <a href="TYP HIER DE SITE" target="_self">LINKEN

Schrijf reactie (alleen leden)


rand codes.2013-09-02 21:50:00

Ken je de randjes van vroeger imOnline nog? Ik wel! Nou met deze onderstaande codes kun je je eigen randje maken!

Voor de rand van je randje een afbeelding

 

Voorbeeld!

 

 

<P align=left><BR></P>

<DIV align=left>

<P class=extra align=left>

<TABLE style="WIDTH: 232px; HEIGHT: 69px" borderColor=#000000 cellSpacing=10 cellPadding=0 align=center background=url afbeelding border=2>

<TBODY>

<TR>

<TD bgColor=#ffffff>

 

Voor een heel je randje een afbeelding 

 voorbeeld!

 

 



 

<P class=extra align=left>

<TABLE style="WIDTH: 231px; HEIGHT: 78px" borderColor=#000000 cellSpacing=10 cellPadding=1 align=center background=url afbeelding border=1>

<TBODY>

<TR>

<TD>

<P align=center><U></U> </P></TD></TR></TBODY></TABLE></P><U>

 

 

Schrijf reactie (alleen leden)


Voor link plaatje doorzichtig.2013-09-02 21:46:07

Wil je als je met de muis over je link plaatje heen gaat, dat je plaatje wat doorzichtiger word? Als je deze code toevoegt op je pagina gebeurt dat!

<style type="text/css">img:hover {opacity:0.4;filter:alpha(opacity=40)}</style>

Schrijf reactie (alleen leden)


Ring om link.2013-09-02 21:44:41

Wil je een ring om je link? Dan moet je even deze code toevoegen op je site! Oh ja, je kunt hem natuurlijk ook even aanpassen naar je eigen wensen!

<STYLE>
A:link{color:#FFFFFF; text-decoration:underline overline;}
A:visited{color:#FFFFFF; text-decoration:none ;font-weight: italic;}
A:active{color:#FFFFFF; text-decoration:none ;font-weight: italic;}
A:hover {text-decoration: none;border: 2px double;color:#FFFFFF;BACKGROUND-IMAGE: url(http://http://i26.tinypic.com/2aaeljl.jpg);font-weight: italic}
</STYLE>

Schrijf reactie (alleen leden)


Simpel klikmenu.2013-09-02 21:43:02

Wil je een simpel klikmenu in je lay-out? Dan moet je de onderstaande code maar snel overnemen!
* De roze gekleurde tekst kun je aanpassen zodat de code naar jouw wens is!

Dit is de code voor het klikmenu zelf

<a href="#1">zethiermaarietsneer</a> <BR>
<a href="#2">zethiermaarietsneer</a> <BR>
<a href="#3">zethiermaarietsneer</a> <BR>
<a href="#4">zethiermaarietsneer</a> <BR>
<a href="#5">zethiermaarietsneer</a> <BR>
<a href="#6">zethiermaarietsneer</a> <BR>
<a href="#7">zethiermaarietsneer</a> <BR>
<a href="#8">zethiermaarietsneer</a> <BR>
<a href="#9">zethiermaarietsneer</a> <BR>
<a href="#10">zethiermaarietsneer</a> <BR>

Dit is dan de code voor het content

<a name="1"></a>Home<BR><BR>Hier het begin
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="2"></a>Regels<BR><BR>Hier de regels op jouw site
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="3"></a>Webmiss<BR><BR>Hier info over jezelf
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="4"></a>Site<BR><BR>Hier info over je site
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="5"></a>Portofolio<BR><BR>Hier je portofolio
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="6"></a>Contest<BR><BR>Hier een contest
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="7"></a>Spotlights<BR><BR>Hier jouw spotlight
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="8"></a>Button<BR><BR>Hier je button
 <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<a name="9"></a>STEM&GB<BR><BR>Hier over je stems en gb
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>


<a name="10"></a>Einde<BR><BR>Hier je goodbye <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

Schrijf reactie (alleen leden)


Horizontaal klikmenu.2013-09-02 21:37:03

Ok√©, deze code heb ik ooit ergens gevonden. Waar precies zou ik niet meer weten, wil je een voorbeeld van deze code? Dan moet je even hier klikken. Deze code is wat uitgebreider dan alle andere code's op deze pagina, vandaar dat ik hier even wat uitleg bij schrijf!

 

1. Begin met een nieuwe pagina op imonline, dat doen we niet voor niks. We willen namelijk zeker weten dat de code werkt!

2. Dit is de eerste code die je moet plaatsen in je pagina, dit is de code om je pagina 100% breed te maken. En ook om alle menu en statistieken weg te halen. Nu krijg je dus een hele witte pagina. (Zet de code bovenaan je pagina)

<br />< style>#left,#left1{top:-9999px;}#right,#right1{top:-9999px;} .top_menu{position:absolute;top:-9999px; height:0%;} .user_menu_item{position:absolute;top:-9999px; height:0%;}</style>< p>

3. Nu gaan we nog meer style codes toevoegen aan deze pagina, als eerste een witte achtergrond, je ziet hier dus niks van. Deze gebruiken we omdat dan de tekst wat lager begint. Als je deze weglaat begint de tekst al meteen onder het hoofdmenu.

<br />< style>body,#page_holder { background-image: url( http://img353.imageshack.us/img353/4199/40151124.png); background-position:center top repeat-y;}</style>< p>

4. Vervolgens nemen we de style codes voor het menu. De code kun je aanpassen naar jou wensen.

<br />< style>A.blok:link, A.blok:visited, A.blok:active{ text-decoration:none; font:11px arial; font-weight:bold; background:#2d2d2d; color:#dedede; margin:0px; padding:30px; vertical-align: top; display:inline-block; text-transform:uppercase; -webkit-transition-duration: .25s; }</p>< p>A.blok:hover{ color:#fff; background: #333; }</p>< p>.hoofdmenu{ background:#222; text-align:center; }< /style>< p>

5. Je ziet nog steeds geen menu, en dat kan kloppen! We hebben namelijk nog alleen maar de style van het menu aangepast! Nu gaan we een code gebruiken voor de DIV vakken voor het menu. Ook hier zitten style codes in die je naar je eigen wens kunt aanpassen.

<div align=center>< div style="PAGE-BREAK-BEFORE: always; PADDING-BOTTOM: 0px; LINE-HEIGHT: 14px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: inline !important; FONT-FAMILY: arial, sans-serif; COLOR: #999999; FONT-SIZE: 11px !important; PADDING-TOP: 5px"></div>< /div>< p>

6. En dan zijn we eindelijk aangekomen bij het menu zelf. Nu gaan we beginnen aan het horizontale menu! Hieronder staat de code die jezelf dan weer moet aanpassen naar jou pagina's, het wijst zich vanzelf. En zo niet? Dan even vragen!

<div style="POSITION: fixed; WIDTH: 100%; TOP: 0px; LEFT: 0%">< div class=hoofdmenu><a class=blok href="http://www.imonline.nl/get_page.php?username=JOUSITENAAM&page=0">HOME</a> <a class=blok href="http://www.imonline.nl/get_page.php?username=JOUSITENAAM&page=1">Pagina 1</a> <a class=blok href="http://www.imonline.nl/get_page.php?username=JOUSITENAAM&page=2">Pagina 2</a> <a class=blok href="http://www.imonline.nl/get_page.php?username=JOUSITENAAM&page=3">Pagina 3</a> <a class=blok href="http://www.imonline.nl/place_friend_request.php?to_uid=922206&to_username=JOUSITENAAM">Vrienden worden?</a> <a class=blok href="http://www.imonline.nl/add_vote.php?username=JOUSITENAAM">Stem!</a></div>< /div>< p>

Schrijf reactie (alleen leden)


Bewegende tekst2013-09-02 21:20:56

Wil je je tekst naar links, rechts, boven of onder laten bewegen? Geen probleem met de onderstaande code!
* De roze gekleurde tekst kun je aanpassen zodat de code naar jouw wens is!



Tekst omhoog

<marquee scrollamount=10 direction=up>tekst</marquee>

Tekst omlaag

<marquee scrollamount=10 direction=down>tekst</marquee>

Tekst links

<marquee scrollamount=10 direction=left>tekst</marquee>

Tekst rechts

<marquee scrollamount=10 direction=right>tekst</marquee>

Schrijf reactie (alleen leden)


Plusje als cursor.2013-09-01 11:21:16

Wil jij als je over je link heen gaat een schuin pijltje als muis?
Dat kan als je deze onderstaande code gebruikt op je pagina!

<DIV class=user_body id=body>
<STYLE type=text/css>
a:link {
font-family: Verdana;
font-size: 8pt;
color:#336699;
text-decoration:none;
cursor:crosshair;
}
a:hover {
font-family: Verdana;
font-size:10pt;
color:#336666;
text-decoration:bold;
cursor:crosshair;
}
</STYLE>

Schrijf reactie (alleen leden)