Shop Forum More Submit  Join Login
Useful tips 4 coding journals by harleshinn Useful tips 4 coding journals by harleshinn
Finally!

My contest entry for "Create a tutorial" from #eCSSited.

I hope you like it and find it very useful, if you think that it can be improved, send me a note, since this is my first tutorial :ashamed:


Resources:

:bulletpink: Stich Brushes By ~boyingopaw - [link]
:bulletpink: Ornamental icons By ~daughterofsnape - [link]
:bulletpink: Code for navigation bars By `thespook (lost in some old comment) :giggle:
:bulletpink: free cursor by ~NickPlatypus - [link]
Add a Comment:
 

Daily Deviation

Given 2010-04-20
Useful tips 4 coding journals by =harleshinn is a great tutorial that has exactly what the title says it has! ( Featured by GaioumonBatou )
:iconpartybug98:
partybug98 Featured By Owner Jun 12, 2017  Student Digital Artist
i'm confused...
Reply
:iconcynlcaispace:
CynlcaISpace Featured By Owner Jun 14, 2016  Hobbyist General Artist
I have a question how do i put stamps in a comment cause ive only ever put them on my page so whats the coding for that?..
Reply
:icondeterrnination:
deterrnination Featured By Owner Nov 15, 2015
mercy.
hey um
can anybody help me?
i would like to know how to put a 
picture

H    And how 
E    to put text
R    right here
E    beside the picture
Reply
:iconxshimsa:
xShimsa Featured By Owner Aug 31, 2015
This is so helpful for some stuff ;o; Could you possibly make one for bgs and title help? I tried making my own journal, but the white bg for the title didn't work out and the middle for my text as well as the top were to far a part xD
Reply
:iconmatomiki:
matomiki Featured By Owner Dec 9, 2013
You wouldn't happen t know how you can change the journal background...? >.<
If you do I'd really appreciate if you could also make a tuturial on that ^^
Reply
:iconastrikos:
Astrikos Featured By Owner May 10, 2013  Hobbyist Artist
Featured here :fella:
Reply
:iconharleshinn:
harleshinn Featured By Owner May 10, 2013  Hobbyist Interface Designer
Thank you! ^^ :blowkiss:
Reply
:iconastrikos:
Astrikos Featured By Owner May 13, 2013  Hobbyist Artist
:heart:
Reply
:iconserafina-rose:
serafina-rose Featured By Owner Mar 3, 2013  Hobbyist Digital Artist
Thank you so much for your wonderful tutorials.
:iconredsparklesplz::iconredroseplz::iconredsparklesplz:
Reply
:iconharleshinn:
harleshinn Featured By Owner May 10, 2013  Hobbyist Interface Designer
You're welcome ^^ :hug:
Reply
:iconastrikos:
Astrikos Featured By Owner Jan 27, 2013  Hobbyist Artist
This is lovely! I have featured this tutorial here as an example of being devious :dalove:
Reply
:iconharleshinn:
harleshinn Featured By Owner Jan 30, 2013  Hobbyist Interface Designer
Thank you! ^^ :tighthug:
Reply
:iconastrikos:
Astrikos Featured By Owner Jan 30, 2013  Hobbyist Artist
:heart:
Reply
:iconjeffrettalyn:
JeffrettaLyn Featured By Owner Jan 20, 2012  Hobbyist General Artist
Very helpful, and nice to know I can get rid of that ugly book! :D
Reply
:iconshillmynara:
ShillMynara Featured By Owner Jan 19, 2012  Hobbyist General Artist
gyyaaaa dun understand but Ill figure out when im free
hopefully im not too stupid to learn this .p
thy for sharing
Reply
:iconcyanneonlizard:
CyanNeonLizard Featured By Owner Sep 24, 2011
I always wanted to critique but I really can't critique something if it doesn't need help! darn! I have no clue why I made this thing if I can't draw. But it is the most helpful thing.
Reply
:iconblazeflight1o1:
Blazeflight1O1 Featured By Owner Aug 15, 2011  Hobbyist Digital Artist
Thanks~, really helpful!
I'm currently trying to recustomize my page, but I have no idea how to, this helped the journal section a lot :'D
Reply
:iconharleshinn:
harleshinn Featured By Owner Aug 15, 2011  Hobbyist Interface Designer
You're welcome ^^

I'm glad it helped :blowkiss:
Reply
:icondj-bluehkitteh:
DJ-BluehKitteh Featured By Owner Apr 21, 2011   Digital Artist
Very useful. :)
I posted the .hsep{ display: none; } code, but the pipe in between was still there. Please help?
Reply
:iconmightymeller:
MightyMelleR Featured By Owner Apr 13, 2011
simple and too the point. Fantastic!
Reply
:iconphlum:
Phlum Featured By Owner Mar 2, 2011  Professional General Artist
Very helpful; I had the cursor thing all wrong - I had externally-hosted .cur files, like a twonk. No wonder it didn't work!

Anyway, thanks a lot! :D
Reply
:iconharleshinn:
harleshinn Featured By Owner Mar 2, 2011  Hobbyist Interface Designer
You're welcome, glad I could help :)
Reply
:iconjaponicachan:
JaponicaChan Featured By Owner Dec 2, 2010
just a question, I've been looking for it everywhere but I can't find it; what is the code to change the journal icon? I can only find the code to get rid of it.
Reply
:iconphlum:
Phlum Featured By Owner Mar 2, 2011  Professional General Artist
To change it, you need to do the display:none; and then make a CSS declaration for the h2 element:

h2 {
background: url("http://foo.net/youricon.png") no-repeat top left;
}


...which I think should work. Obviously you need to replace the URL with your own icon. If it doesn't, just say!
Reply
:iconcontra-rawr:
contra-rawr Featured By Owner Nov 22, 2010  Hobbyist Digital Artist
what a great tutorial! ^_^
Reply
:iconharleshinn:
harleshinn Featured By Owner Dec 1, 2010  Hobbyist Interface Designer
Thank you!
Reply
:iconswebliss:
Swebliss Featured By Owner Nov 22, 2010  Professional Artist
I gave a journal skin but it only gets error when I'm trying to submit it.. :(
Reply
:icongillianivyart:
gillianivyart Featured By Owner Nov 14, 2010  Hobbyist General Artist
Created a snippet for use on #eCSSited to clear all, based on your tutorial. Thank you again for creating this handy reference. It roxor! [link]
Reply
:iconharleshinn:
harleshinn Featured By Owner Nov 16, 2010  Hobbyist Interface Designer
Great! thank you! :blowkiss:
Reply
:icongillianivyart:
gillianivyart Featured By Owner Nov 16, 2010  Hobbyist General Artist
Seriously, I love you for making this tute. I've learned so much from it. Just the "*" field is awesome, saves me all that .gr1, etc stuff XD This has been what I now start every journal off with. Thanks so much for faving!
Reply
:iconharleshinn:
harleshinn Featured By Owner Nov 17, 2010  Hobbyist Interface Designer
:w00t: I'm glad it helps ^^
Reply
:iconbenihme-chan:
benihme-chan Featured By Owner Nov 4, 2010
this is incredibly helpful!! thanks so much :)
Reply
:iconharleshinn:
harleshinn Featured By Owner Nov 5, 2010  Hobbyist Interface Designer
you're welcome ^^
Reply
:icondan4archangel:
Dan4ArChAnGeL Featured By Owner Sep 4, 2010  Hobbyist Interface Designer
Hello, i wanted you to know that you have been featured in the Weekly "CSS Fever. Your css source of resources! #7" news article : [link]
Reply
:iconharleshinn:
harleshinn Featured By Owner Nov 3, 2010  Hobbyist Interface Designer
Thank you! ^^
Reply
:iconangelwbrokenwings:
angelwbrokenwings Featured By Owner Aug 23, 2010
Wow! The way you set this up looks beautiful. It's too bad I know nothing about CSS.:giggle:
Reply
:iconharleshinn:
harleshinn Featured By Owner Nov 3, 2010  Hobbyist Interface Designer
:giggle: thanks!
Reply
:icondrake1:
Drake1 Featured By Owner Aug 11, 2010
Que genial, gracias X3
Pero no sería mejor utilizar una lista <ul> para la navegación que pones? Digo, por cosas de semántica, aunque tampoco es para tanto XD

De todos modos, son unos tips geniales, ya quisiera tener cuenta premium D': XD
Reply
:iconharleshinn:
harleshinn Featured By Owner Aug 11, 2010  Hobbyist Interface Designer
De nadas y gracias por el comment :p

Si, creo que debería ser mejor poner un <ul>, exactamente por lo que vos decís...pero por alguna extraña razón que ahora no recuerdo...terminé usando links :XD:
Reply
:iconzolaris:
Zolaris Featured By Owner Aug 11, 2010
lindo lindo, esto sirve par las cuentas comunes? o para las pagas?
Reply
:iconharleshinn:
harleshinn Featured By Owner Aug 11, 2010  Hobbyist Interface Designer
Gracias gracias :D

Sirve para las premium nomás :(
Reply
:iconzolaris:
Zolaris Featured By Owner Aug 11, 2010
buu
Reply
:iconharleshinn:
harleshinn Featured By Owner Aug 11, 2010  Hobbyist Interface Designer
:sadangel:
Reply
:iconel-argento:
El-ArGeNtO Featured By Owner Aug 11, 2010
estos codigos funcionan aunque no tengas una suscripción??? quizas los pruebe ^^muy util :D
Reply
:iconharleshinn:
harleshinn Featured By Owner Aug 11, 2010  Hobbyist Interface Designer
Hmmm no, tenés que tener una subscripción para usar los codigos, no sé si se pueden probar en la preview, fijate :o

Gracias ^^
Reply
:iconel-argento:
El-ArGeNtO Featured By Owner Aug 11, 2010
q mal, una paja pagar subscripcion...felicitaciones por la DD :) y gracias por el watch ;)
Reply
:iconharleshinn:
harleshinn Featured By Owner Aug 11, 2010  Hobbyist Interface Designer
Jajaja juntá puntitos xD Gracias!! y de nada!

me sonaba tu nombre y te busqué en facebook, tenemos un par de amigos en común...te conoceré de algún lado? :O
Reply
:iconel-argento:
El-ArGeNtO Featured By Owner Aug 11, 2010
jajaja ahora q veo tus fotos, sos la chica de los muffins XD creo q nuestros amigos en comun serian Daniela Mañe, de los foros de nightwish...y Eve y pau(mi novia) de Putita Attitude Corseterie no? ahora en persona no se, creo q no
Reply
:iconharleshinn:
harleshinn Featured By Owner Aug 11, 2010  Hobbyist Interface Designer
Ahhh verdad verdad! pero en todo caso soy la chica de los cupcakes xD

A Dani la conozco del foro de NW y moderaba en mi foro de Tarja, y la conozco a Eve de un juego online xD
Reply
:iconel-argento:
El-ArGeNtO Featured By Owner Aug 11, 2010
bueeeeeno :P detalles tecnicos jajajaja
dsp agregame a facebook (Y) Si sos del foro quiza conozcas a Pato, Adri, Nico, Jorge y Pau? estamos armando una banda con dani, yo soy el violero ^^
Reply
Add a Comment:
 
×




Details

Submitted on
March 5, 2010
Image Size
703 KB
Resolution
600×2800
Link
Thumb

Stats

Views
23,786
Favourites
1,198 (who?)
Comments
168
Downloads
482