CODE IT LIKE IT'S HOT

Onderwerp: Re: CODE IT LIKE IT'S HOT za jan 09, 2016 7:19 pm

Wow wat een supermooie sheets, dankjewel! :D

Onderwerp: Re: CODE IT LIKE IT'S HOT do jan 21, 2016 2:50 pm

Scrollsheet of hoogte afhankelijk van lengte post: Scrollertje want die zijn leuk :D
Breedte (+ evt hoogte): Breedte max 450 ofzo, en de hoogte kijk je maar xd
Plaats afbeelding (links, rechts, header): aan de rechterkant
Grootte afbeelding: ehm ja, 200x300 of iets c:
Kleur / dikte randje: een dun randje, met like een donkere kleur (a)
Achtergrondkleur: Mja, misschien iets grijs ofzo maar aan de lichtere kant
Tekst kleur / font: Pitch black, en ehm ja jij verzint iets cool zoals altijd xD
Quote kleur / font: een lichtblauw kleurtje is wel cool, beetje matche met die oogjes (a)
Plaats van de quote (hover over img, bovenaan, onderaan): Vanboven
Screenshot / schets resultaat: /

Onderwerp: Re: CODE IT LIKE IT'S HOT di jan 26, 2016 4:29 pm

Arco's sheetje is klaar!
De code staat onderaan
De image voor de header vind je in de class .aircosidebar, waar je de url('...') kan veranderen naar de url van de image die je zelf hebt geuploaded. De image is 300 pixels breed en 200 pixels hoog.
De sheet zal automatisch scrollen vanaf de tekst lang genoeg is. Zet er dus jouw post in en je bent ready to go c:

Quote here, a longer quote will result in multiple lines

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec aliquam dolor, eget cursus dolor. Phasellus vehicula magna mauris. Donec nisi erat, condimentum vitae sem vitae, cursus fringilla est. Ut a nisi dictum, tincidunt augue faucibus, eleifend diam. Aenean dapibus porttitor sem sed varius. Vivamus libero arcu, tempor et pharetra eget, ultricies tempor ligula. Donec in leo efficitur, dictum tellus a, maximus ligula. Aliquam suscipit pellentesque augue, a semper mi vehicula sit amet. Aenean eget elit quis lorem pulvinar lacinia maximus quis diam. Cras egestas ac risus et ornare. Morbi feugiat justo ut arcu eleifend, nec imperdiet eros sollicitudin. Donec quis ligula leo. Phasellus eget purus consequat, lobortis lacus eu, venenatis felis. Integer in tincidunt augue, vel tincidunt eros. Nunc varius dui id turpis gravida, et sodales lorem tincidunt. Nunc ante risus, feugiat a tempus vitae, efficitur fermentum dui.

Quisque quis augue at risus mattis dignissim imperdiet id mi. Duis sagittis tristique cursus. Donec porta dolor at est sagittis gravida. In porta suscipit suscipit. Proin metus nunc, condimentum sit amet ligula sed, condimentum suscipit mi. Nunc auctor, ipsum nec sodales egestas, ligula urna ornare lacus, fringilla tempor arcu augue ut orci. Fusce consequat convallis nisl sed facilisis. Integer vitae dictum arcu, eget pellentesque urna. Proin tincidunt ex vitae aliquam ullamcorper. Integer vehicula, arcu id pulvinar rhoncus, erat dui pellentesque purus, sit amet hendrerit nisi justo et lectus. Aenean dictum lacus a bibendum viverra. Nunc commodo a massa a efficitur. Integer in leo et purus vulputate pellentesque ac sit amet tellus. Cras imperdiet vehicula dignissim. Etiam ornare quam diam, rhoncus faucibus quam elementum et.

Code:: <link href='https://fonts.googleapis.com/css?family=Droid+Serif|Arimo' rel='stylesheet' type='text/css'><style type="text/css"> .aircobox {margin: auto; width: 450px; height: 300px; background-color: #eeeeee; border: 2px solid #003471;} .aircosidebar {width: 200px; height: 300px; background-image: url('http://placehold.it/200x300'); float: left;} #aircoquote {font-family: 'Arimo', sans-serif; text-align: center; font-size: 16px; color: #6dcff6; width: 226px; padding: 3px; display: block;} .aircopost {width: 230px; height: 280px; padding: 5px; font-family: 'Droid Serif', serif; font-size: 11px; color: #000000; overflow-y: scroll; overflow-x: hidden; line-height: 100%; float: left; margin: 5px; text-align: justify;} .aircopost::-webkit-scrollbar {display: none;}</style>
<div class="aircobox"><div class="aircopost"><div id="aircoquote">Quote here, a longer quote will result in multiple lines</div>Text here
</div><div class="aircosidebar"></div></div>

Onderwerp: Re: CODE IT LIKE IT'S HOT zo maa 06, 2016 1:29 pm

Scrollsheet of hoogte afhankelijk van lengte post: Scrollsheet please

Breedte (+ evt hoogte): Zoiets als Dean heeft
Plaats afbeelding (links, rechts, header): Op de header als die er is, verder links of rechts maakt niet uit haha ^^
Grootte afbeelding: 200 x 330 of 340 ofzo
Kleur / dikte randje: Maakt niet uit
Achtergrondkleur: Neutraal, niet te opvallend
Tekst kleur / font: Zwart/donker grijs Font: Noticia Text, 4 Styles by JM Solé
Quote kleur / font: Kleur maakt niet zo veel uit, wel iets basic want het is voor Rhaegys

Font maakt ook niks uit!
Plaats van de quote (hover over img, bovenaan, onderaan): Is helemaal aan jou! ^^
Screenshot / schets resultaat: -

Hoop dat je genoeg informatie hebt, alvast bedankt! :la:

Onderwerp: Re: CODE IT LIKE IT'S HOT di maa 08, 2016 5:38 pm

Rhae's sheetje is klaar!
De code staat onderaan
De image voor de header vind je in de class .rhaegyssidebar, waar je de url('...') kan veranderen naar de url van de image die je zelf hebt geuploaded. De image is 200 pixels breed en 330 pixels hoog.
De sheet zal automatisch scrollen vanaf de tekst lang genoeg is. Zet er dus jouw post in en je bent ready to go c:

Quote here, a longer quote will result in multiple lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce feugiat consequat faucibus. Donec sit amet laoreet ipsum. Duis non metus odio. Sed sit amet ex convallis, sodales elit sit amet, consequat ante. Sed eu dui vitae massa pellentesque pretium. Duis neque nunc, eleifend sed commodo id, elementum ut ligula. Mauris enim nulla, accumsan at lectus feugiat, rhoncus fringilla nibh. Vivamus laoreet nunc in ligula eleifend mollis. Pellentesque consequat vulputate tincidunt. Phasellus blandit eros nec lectus iaculis, ut hendrerit nulla consequat. Ut in ultricies lacus, et bibendum metus. Quisque condimentum odio et nibh maximus, consectetur interdum ipsum pretium. Cras turpis libero, ultrices nec tortor in, commodo vehicula sapien. Pellentesque laoreet eleifend cursus. Morbi euismod euismod efficitur.

Fusce pharetra ultricies metus, eu dictum erat mollis nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed felis mauris, blandit ut mauris eleifend, malesuada pretium justo. Nullam fermentum ultricies ullamcorper. In nibh erat, feugiat sed diam in, mattis ornare eros. Sed interdum non velit a ultricies. Donec turpis tellus, congue at lobortis et, imperdiet id ligula.

Code:: <link href='https://fonts.googleapis.com/css?family=Noticia+Text|Archivo+Narrow' rel='stylesheet' type='text/css'><style type="text/css">.rhaegysbox {margin: auto; width: 500px; height: 330px; background-color: #afb5ba; border: 5px solid #30343d;} .rhaegyssidebar {width: 200px; height: 330px; background-image: url('http://placehold.it/200x330'); float: left;} .rhaegyspost {width: 280px; height: 310px; padding: 5px; font-family: 'Noticia Text', serif; font-size: 11px; color: #30343d; overflow-y: scroll; overflow-x: hidden; line-height: 100%; float: left; margin: 5px; text-align: justify;} #rhaegysquote {font-family: 'Archivo Narrow', sans-serif; text-align: center; font-size: 18px; color: #faf8f8; width: 280px; display: block; line-height: 100%;} .rhaegyspost::-webkit-scrollbar {display: none;}</style>
<div class="rhaegysbox"><div class="rhaegyspost"><span id="rhaegysquote">Quote here, a longer quote will result in multiple lines</span>
Text here c:</div><div class="rhaegyssidebar"></div></div>

Onderwerp: Re: CODE IT LIKE IT'S HOT di maa 08, 2016 6:21 pm

Thankyou thankyou! :la:

Onderwerp: Re: CODE IT LIKE IT'S HOT za apr 16, 2016 2:08 pm

Wyatt's sheetje is klaar!
De code staat onderaan
De image voor de sidebar vind je in de class .wyattpic, waar je de url('...') kan veranderen naar de url van de image die je zelf hebt geuploaded. De image is 210 pixels breed en 350 pixels hoog.
De sheet zal automatisch scrollen vanaf de tekst lang genoeg is. Zet er dus jouw post in en je bent ready to go c:

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur id sem est. Nullam commodo mattis erat vel aliquam. Proin consequat vehicula velit, et fermentum diam aliquet ut. Vivamus faucibus sit amet mauris id ultrices. Mauris egestas sapien sed sem tincidunt tristique. Vivamus tempus pharetra tortor vitae aliquet. In leo nisl, luctus nec congue sit amet, mollis ac mauris. Duis eu tortor ac metus auctor posuere a ut turpis. Duis laoreet, leo sit amet consectetur egestas, nisi sapien ullamcorper dolor, id condimentum lacus tortor faucibus nunc. Integer tempus libero vel orci sagittis fermentum. Curabitur tincidunt aliquet nibh non vestibulum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce ac varius nisl. Quisque quis dui quis tortor pulvinar consequat ut sit amet lacus.

Fusce gravida vulputate justo, id vehicula ipsum mattis sit amet. Vestibulum posuere neque eget gravida porta. Donec sit amet tellus et tortor mattis scelerisque. Fusce consectetur, lacus nec consectetur efficitur, magna tortor aliquet nisi, in mollis justo massa hendrerit nunc. Etiam est ligula, pharetra nec mattis ut, tempor hendrerit ante. Pellentesque iaculis non nisi et ornare. Cras at pulvinar sapien, nec consequat nulla. Proin efficitur arcu dignissim tortor blandit, sed iaculis justo blandit. Mauris et porttitor est. Proin a ornare nisi.

Code:: <style type="text/css">@import url(https://fonts.googleapis.com/css?family=Overlock+SC|Oxygen); .wyattcontainer {margin: auto; width: 550px; height: 430px; background-color: #000000; background-image: url('http://i63.tinypic.com/21dl8qw.png'); border: 3px solid #000000; overflow: hidden;} .wyattpic {width: 210px; height: 350px; border: 3px solid #000000; background-image: url('http://placehold.it/210x350'); float: left; margin-top: 15px; margin-left: 26px;} .wyattpost {width: 220px; height: 310px; text-align: justify; border: 3px solid #000000; font-family: 'Oxygen', sans-serif; font-size: 13px; color: #000000; background-color: #ffffff; padding: 20px; float: left; margin-top: 15px; margin-left: 10px; overflow-x: hidden; overflow-y: scroll;} #wyattquote {display: block; width: 400px; margin: auto; margin-top: 15px; font-family: 'Overlock SC', cursive; font-size: 20px; text-align: center; color: #000000;} .wyattcontainer ::-webkit-scrollbar {display: none; }</style>
<div class="wyattcontainer"><div id="wyattquote">Quote hier c:</div><div class="wyattpic"></div><div class="wyattpost">Post hier

</div></div>

Onderwerp: Re: CODE IT LIKE IT'S HOT ma okt 03, 2016 2:57 pm

Scrollsheet of hoogte afhankelijk van lengte post: hoogte
Breedte (+ evt hoogte): Zo iets als Cecilia heeft
Plaats afbeelding (links, rechts, header): links
Grootte afbeelding: Onbekend. (kijk maar wat het beste uitkomt.. Ik vertrouw erin dat jij wel weet wat het handigst is.)
Kleur / dikte randje: #330000 , dikte maakt niet uit.
Achtergrondkleur: #ff0000
Tekst kleur / font: #ffccff , weet niet of dat duidelijk genoeg is?
Quote kleur / font: #ff3300
Plaats van de quote (hover over img, bovenaan, onderaan): Bovenaan
Screenshot / schets resultaat: -

Onderwerp: Re: CODE IT LIKE IT'S HOT

» Source Code