|
|
Strawstache! (Babs) 6876
| |
| Onderwerp: Babs' Sheet Codes di 9 jul 2013 - 19:47 | |
| Nu ik mijn eigen liefde voor code weer terug heb gevonden, ga ik jullie wat basissheets geven die je gewoon mag gebruiken xD Je mag ze altijd naar eigen inzicht bewerken en als je vragen hebt, stel ze gerust!~ Onthoud wel dat coderen tijd kost en dat ik twee dagen aan het prutsen geweest ben voordat ik uiteindelijk het gewenste resultaat had (Met niemand om vragen aan te stellen, mind you), dus probeer het altijd eerst even zelf te fixen.
Ik zet gewoon een heleboel variaties neer, zodat mensen die niks met code hebben helemaal niks hoeven te doen of tenminste, zo weinig mogelijk. Alle codes zullen automatisch een scrollbar aanmaken als de maximale hoogte of breedte overschreden wordt.
Ik begin met het basisblok, wat gewoon een simpel vierkant is. Je hebt twee variaties, waarop ik je een aantal aanpassingen ga leren.
Div align="..." - Dit zegt of iets gecentreerd is, links staat, of recht staat. Je kunt op de plek waar ik nu puntjes heb neergezet in dit voorbeeld vier dingen neerzetten. Justifty, Left, Right, en Center. Div align geeft aan hoe je blok of tekst zich gedraagt. In het basisblok heb je 2 Div Aligns, eentje geeft de positie van het gehele blok aan (Dus of hij gecentreerd, rechts, links ofzo staat). De tweede geeft aan hoe de tekst zich moet gedragen in het blok. Justify rekt uit over de hele pagina in het geval van tekst. In het geval van het positioneren van de sheet zelf, zal Justify weinig uitvoeren. background-image:url(...) - Hier kun je op waar nu de puntjes staan de link van je achtergrond plaatje neerzetten. color: - Als je color ziet staan naast de tekst (Dus in de Div style="color:...;") kun je daar de kleur aangeven. Dit kan doormiddel van #kleurcode of door gewoon de engelse naam van de kleur. Kleurcodes kun je o.a. met colorpicker.nl uitzoeken. font-size - Dit geeft de grote van het lettertype aan. Width&Height: - Deze geven de hoogte en breedte van je blok aan. - Basis blok:
- Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:10px;overflow-y:auto; overflow-x:auto;"><div align="left"><div style="color:black;font-size:10px;border-radius:60px;">Dit is een basisblok</div></div> </div></div>
- Basis blok met ronde hoeken:
Dit is een basisblok met ronde hoeken - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:10px;overflow-y:auto;"><div align="left"><div style="color:black;font-size:10px;height:490px;width:500px;border-radius:60px;">Dit is een basisblok met ronde hoeken</div></div> </div></div>
- Blokken met interne blokken:
Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;">Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken.</div></div> </div></div></div> Dit is een basisblok met ronde hoeken met een intern blok .
- Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met ronde hoeken met een intern blok .</div></div> </div></div></div> Dit is een basisblok een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok een intern blok met ronde hoeken.</div></div> </div></div></div>
Dit is een basisblok met intern blok - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met intern blok</div></div> </div></div></div>
- Blokken met interne blokken - transparant:
Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken.</div></div> </div></div></div> Dit is een basisblok met ronde hoeken met een intern blok . - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met ronde hoeken met een intern blok .</div></div> </div></div></div> Dit is een basisblok een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok een intern blok met ronde hoeken.</div></div> Dit is een basisblok met intern blok - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;overflow-y:auto; overflow-x:auto;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met intern blok</div></div> </div></div></div>
Ik zal later meer codes toevoegen als ik ze eenmaal geschreven heb. Respecteer wel dat ik niet wil dat je zegt dat je de sheet codes zelf geschreven hebt als je ze van me meeneemt. Ook heb ik liever niet dat dit op andere fora gebruikt wordt en al zeker niet dat deze post daarheen gekopieerd wordt.~ Je mag deze sheets op andere fora gebruiken, zolang je een link terug erbij zet naar dit topic. Anders zal ik het opvatten als stelen. -Babs
Laatst aangepast door Strawberry op vr 9 aug 2013 - 11:54; in totaal 4 keer bewerkt |
|
| |
Anna/Duckface 460 Actief
| |
| |
| |
Strawstache! (Babs) 6876
| |
| Onderwerp: Re: Babs' Sheet Codes di 9 jul 2013 - 20:38 | |
| Geen probleem! Edit: Nieuwe sheets - Blokken met interne blokken:
Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken.</div></div> </div></div></div>
Dit is een basisblok met ronde hoeken met een intern blok .
- Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met ronde hoeken met een intern blok .</div></div> </div></div></div> Dit is een basisblok een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok een intern blok met ronde hoeken.</div></div> </div></div></div>
Dit is een basisblok met intern blok - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/iyfsja.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met intern blok</div></div> </div></div></div>
- Blokken met interne blokken - transparant:
Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met ronde hoeken met een intern blok met ronde hoeken.</div></div> </div></div></div>
Dit is een basisblok met ronde hoeken met een intern blok . - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; border-radius:60px;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met ronde hoeken met een intern blok .</div></div> </div></div></div>
Dit is een basisblok een intern blok met ronde hoeken. - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black; margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; border-radius:60px;margin-top:25px;padding:12px;"><div style="color:black;font-size:10px;height:440px;width:433px;border-radius:60px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok een intern blok met ronde hoeken.</div></div>
Dit is een basisblok met intern blok - Code:
-
<div align="center"> <div style="background-image:url(http://fc03.deviantart.net/fs11/i/2006/181/3/8/Texture_21_by_JadedReality.jpg);height:490px;width:500px;border:1px solid black;margin-top:25px;padding:25px;"><div style="background-image:url(http://i44.tinypic.com/2r5gq2o.png);height:440px;width:450px;border:1px solid black; margin-top:25px;padding:10px;"><div style="color:black;font-size:10px;height:440px;width:450px;overflow-y:auto; overflow-x:auto;">Dit is een basisblok met intern blok</div></div> </div></div></div>
|
|
| |
Chi 1455 Actief
| |
| |
| |
Strawstache! (Babs) 6876
| |
| Onderwerp: Re: Babs' Sheet Codes di 9 jul 2013 - 20:47 | |
| No probs^-^ Nu kan iedereen een beetje met sheets prutsen. |
|
| |
Stijn. 239
| |
| Onderwerp: Re: Babs' Sheet Codes wo 10 jul 2013 - 19:45 | |
|
tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
Thanks Babs C:
|
|
| |
Strawstache! (Babs) 6876
| |
| Onderwerp: Re: Babs' Sheet Codes wo 10 jul 2013 - 20:21 | |
| |
|
| |
Hanna (ZONDER 'H' OP HET EINDE!) 2917 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes wo 10 jul 2013 - 21:00 | |
| hoe kan ik dit vak opzijschuiven en de tekst erin houden? just asking |
|
| |
Strawstache! (Babs) 6876
| |
| Onderwerp: Re: Babs' Sheet Codes wo 10 jul 2013 - 22:03 | |
| Heb je de width en height die in de div van de tekst zelf staan ook aangepast? |
|
| |
Melissa :D 65 Actief
| |
| |
| |
Hanna (ZONDER 'H' OP HET EINDE!) 2917 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 12:23 | |
| Firekit, mag ik misschien jou code zien, dan verander in gewoon de foto's |
|
| |
Melissa :D 65 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 12:25 | |
| - Owlkit schreef:
Firekit, mag ik misschien jou code zien, dan verander in gewoon de foto's Dat is goed Als je wil kan ik je ook helpen Deze, Deze, Deze en deze Ga ik waarschijnlijk voor Firepaw/flies gebruiken. De naam Fireflies is ook al bezet! - Spoiler:
|
|
| |
Hanna (ZONDER 'H' OP HET EINDE!) 2917 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 12:27 | |
| je mag hem mij gewoon geven, ik ben vreselijk met codes |
|
| |
Melissa :D 65 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 12:33 | |
| - Code:
-
<div align="center"> <div style="background-image:url(http://img850.imageshack.us/img850/2563/7gln.png);height:400px;width:400px;border:0px solid black;margin-top:25px;padding:25px;"><div style="background-image:url(http://img51.imageshack.us/img51/5008/7uvo.png);height:280px;width:280px;border:0px solid black; margin-top:25px;padding:10px;"><div style="color:black;font-size:10px;height:251px;width:300px;overflow-y:auto; overflow-x:auto;">TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST
Bedankt Babs :D</div></div> </div></div></div> Dit is hem Deze, Deze, Deze en deze Ga ik waarschijnlijk voor Firepaw/flies gebruiken. De naam Fireflies is ook al bezet! - Spoiler:
|
|
| |
Hanna (ZONDER 'H' OP HET EINDE!) 2917 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 12:37 | |
| |
|
| |
Hanna (ZONDER 'H' OP HET EINDE!) 2917 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 13:01 | |
| TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST TEkST
sorry voor de dp, en allebij erg bedankt! |
|
| |
Berenbos 256 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 13:53 | |
| |
|
| |
699 Actief
| |
| Onderwerp: Re: Babs' Sheet Codes do 11 jul 2013 - 17:36 | |
| |
|
| |
Anna/Duckface 460 Actief
| |
| |
| |
Melissa :D 65 Actief
| |
| |
| |
| Onderwerp: Re: Babs' Sheet Codes | |
| |
|
| |
|