Shop Mobile More Submit  Join Login
Tutorial: CSS by Rusembell Tutorial: CSS by Rusembell

~ ° |[ :star: Versión en Español :star: ]| ° ~


Tutorial: CSS by Rusembell

~ ° |[ :star: Important :star: ]| ° ~


Don't forget to add your user name in the section Skin Footer where it says :devTUNOMBREDEUSUARIO:.

~ ° |[ :star: Stock :star: ]| ° ~


■ CSS with text and colors Orange and Ochre: sta.sh/021amipuv98k

■ CSS with Blue text and colors; sta.sh/0141lzp93tou

* If you want to donate a CSS code with some other default color, please send me a note ~

■ Color tables: www.sitiosargentina.com.ar/web… y html-color-codes.info/codigos-…

■ Decompressor for files .rar: www.winrar.es/

~ ° |[ :star: Examples :star: ]| ° ~


Journal: Piamette by Rusembell Journal: Steampunk in Blue by Rusembell


~ ° |[ :star: HELP :star: ]| ° ~


You can ask anything related to the topic if you still have questions C:, I will answer as soon as possible ~

~
Add a Comment:
 
:iconbloodyxjezter:
BloodyxJezter Featured By Owner Jan 13, 2015  Hobbyist Digital Artist
;u; this helped me SO MUCH i never thought i could even do one! xD thank you! ;u;
Reply
:iconrusembell:
Rusembell Featured By Owner Jan 16, 2015  Hobbyist Digital Artist
Yay! :dummy: welcome ~
You journal looks so cool ~
Reply
:iconfokshe:
Fokshe Featured By Owner Sep 23, 2014  Student General Artist
OMG this is treasure, thank you so much! ^ ^ I will study it thoroughly and try it later tonight XP
Reply
:iconrusembell:
Rusembell Featured By Owner Sep 28, 2014  Hobbyist Digital Artist
Welcome C:
Reply
:iconzara115:
Zara115 Featured By Owner Mar 29, 2014  Hobbyist General Artist
<font><font>Thanks. Do I make it so other people can install it? </font></font>
Reply
:iconpinaydoll:
Pinaydoll Featured By Owner Jan 19, 2014
I can't thank you enough for this tutorial! I need some help though! I am using the CSS with orange and ochre, and I was wondering if there was any way to make the whole journal centered because I noticed it sticks to the left. ; o ; 
Reply
:iconrusembell:
Rusembell Featured By Owner Jan 20, 2014  Hobbyist Digital Artist
Hi C:

Thanks for your kind words, it's good to know that my tutorial has helped you. It is certainly a pleasure.

Regarding your question, I remember that the text should be in "justify" -@, not stick to the left. But in any case, the solution is very easy.

Search at the code this sentence "text-align" and 8 matches will be appear. Make sure the eight matches say: "text-align: center;" don't forget the semicolon.

With that you can have the text centered as you want. 

 Greetings *-*
Reply
:iconpinaydoll:
Pinaydoll Featured By Owner Jan 20, 2014
Oh! I was referring to the whole journal in general, not the text. ; o ; 
When I put it on the front page of a group, it looks like this: gyazo.com/314020bac8c9c2e85c12…
I was wondering if there was any way to put it in the center?
Thank you for responding btw! :heart:  

Reply
:iconrusembell:
Rusembell Featured By Owner Jan 20, 2014  Hobbyist Digital Artist
Oops!!, sorry, I had misunderstood .-.

Well, well, I think now I understand your question.

I work in a mini laptop, so had not noticed that problem, thanks to ask. xDDD

Here is the solution:

Search this header code " .Journalbox " then head to the end of the paragraph, where it says " border: none; " there, you will add these statements:

max-width: 600px;
min-width: 500px;
margin: 0px auto 10px auto


Here is an example: 

Cpsa by Rusembell  

I hope this time to be right. hehe

btw, I LOVED your design, it's beautiful, I swear.
Greetings! <3
Reply
:iconpinaydoll:
Pinaydoll Featured By Owner Jan 20, 2014
It worked!! Aaaa, thank you so so sooooo much for your help and I'm glad you like my design ! ; v ; 
I seriously can't thank you enough :heart: 
Reply
:iconrusembell:
Rusembell Featured By Owner Jan 20, 2014  Hobbyist Digital Artist
Yay!!! Perfect! :la: 
No problem  :iconaawplz: <3
Reply
:iconpinaydoll:
Pinaydoll Featured By Owner Jun 8, 2014
Hello again! I'm sorry to bother you once more, but I couldn't figure this out on my own. > n <;;

The images on the journal don't line up correctly? Like this gyazo.com/c16b06c404f318f9f0b8…
I thought it was because of how I drew them together and I tried to fix the images to align but it doesn't seem to make a difference. ; A ; 
Reply
:iconrusembell:
Rusembell Featured By Owner Jun 9, 2014  Hobbyist Digital Artist
Omg ... yes, your problem is quite rare.

What do you think if we do that?
Could you send in links of the three images? I try them with my code to see what could be the problem. Ok?.
Reply
(1 Reply)
:iconchiisho:
Chiisho Featured By Owner Jul 28, 2013  Hobbyist Digital Artist
Thanks a lot :bow: maybe later i'll try this one
Reply
:iconrusembell:
Rusembell Featured By Owner Jul 31, 2013  Hobbyist Digital Artist
Welcome C:
Reply
:iconlmsubscribing:
lmsubscribing Featured By Owner Jun 21, 2013  Hobbyist Digital Artist
i tried to do like you
but i all the time get error
i really want to learn make journal skin with codes and everything
but its never work :(
Reply
:iconrusembell:
Rusembell Featured By Owner Jun 25, 2013  Hobbyist Digital Artist
=( awww..

DA sometimes gives those errors, I do not know why. Sometimes you have to try until the next day, or even save the image. The idea is that you can make your journal! *-*!!
Reply
:iconlmsubscribing:
lmsubscribing Featured By Owner Jun 25, 2013  Hobbyist Digital Artist
omg the only thing i need to do now is design the journal
but i dont know how T_T (hard :()
Reply
:iconsweetsurprise2012:
SweetSurprise2012 Featured By Owner Apr 23, 2013  Hobbyist Traditional Artist
Thanks so much for the tutorial! :3 I made the brown one and then I made this journal using some of the advice about the codes! ^^ [link]
Reply
:iconrusembell:
Rusembell Featured By Owner Apr 29, 2013  Hobbyist Digital Artist
Omg, it's so cute, I love it *-*
Great job!. Congratulations :la:
Reply
:iconsweetsurprise2012:
SweetSurprise2012 Featured By Owner Apr 29, 2013  Hobbyist Traditional Artist
*giggles* thankies lovely! :3 Thanks so much for the tutorial!
Reply
:iconsweetsurprise2012:
SweetSurprise2012 Featured By Owner Apr 23, 2013  Hobbyist Traditional Artist
THANKS SO MUCH! ^^ THIS WAS AMAZINGLY HELPFUL!
Reply
:iconrusembell:
Rusembell Featured By Owner Apr 29, 2013  Hobbyist Digital Artist
Welcome *-*
Reply
:iconsweetsurprise2012:
SweetSurprise2012 Featured By Owner Apr 29, 2013  Hobbyist Traditional Artist
*giggles*
Reply
:iconsiilvitannii:
siilvitannii Featured By Owner Mar 30, 2013  Student General Artist
thanks for the tutorial :happybounce:
Reply
:iconrusembell:
Rusembell Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Welcome C:
Reply
:iconsiilvitannii:
siilvitannii Featured By Owner Mar 30, 2013  Student General Artist
hehehe thanks :D
Reply
:iconrakpolaris:
RakPolaris Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Hola! Tu tutorial de CSS me ha sido muy útil y he podido personalizar la skin para mi journal, pero cuando lo he puesto, ha habido un problema y no sé muy bien qué lo causa. Como una imagen vale más que mil palabras, te pongo una captura de pantalla ->[link]
El HEADER se separa del CUERPO, pero no sé por qué... Si pudieras ayudarme sería genial.
Gracias por adelantado! :meow:
Reply
:iconrusembell:
Rusembell Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Hola C:

Gracias por mandar la imagen, ciertamente es muy ilustrativa. Mmm... la verdad es que no se bien a ciencia cierta que pudo haber sido, pero se me ocurren un par de cosas:

1.- ¿respetaste el tamaño de la imagen de base?. Si le cortaste a la imagen o es ligeramente mas pequeña, puede ocasionar este problema.

2.- Le moviste algo a lo que ya viene programado?. Añadir, editar o quitar lineas también puede causar estos problemas.
Reply
:iconrakpolaris:
RakPolaris Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Lo he comprobado y efectivamente es por el tamaño, ahora me siento muy estúpida, la verdad xD
Pues gracias por todo :hug:
Reply
:iconrusembell:
Rusembell Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Excelente, que bueno que te funcionó C:

No te preocupes. Son, solo detalles. La idea es que quedara tu journal justo como lo querías!.

Saludos.
Reply
:iconrakpolaris:
RakPolaris Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Muchas gracias por responedr tan rápido!
Pues seguramente sea la primera opción, no hice la imagen del header del mismo tamaño justo que la que venía en el archivo RAR porque pensé que con que el ancho fuera el mismo bastaría, pero no presté atención al alto xD
Trataré de ponerla al mismo tamaño y ya te cuento ;)
Reply
:iconsiilvitannii:
siilvitannii Featured By Owner Mar 30, 2013  Student General Artist
opino lo mismo que tu polaris , este tutorial es muy util ;)
Reply
:iconrakpolaris:
RakPolaris Featured By Owner Mar 30, 2013  Hobbyist Digital Artist
Si, verdad? :)
Reply
:iconsiilvitannii:
siilvitannii Featured By Owner Mar 30, 2013  Student General Artist
hehehe si , porfin se como personalizar mi journal :D
Reply
:iconablackwind:
Ablackwind Featured By Owner Mar 13, 2013
This is fantastic! Thank you SO much for sharing. :heart:
Reply
:iconrusembell:
Rusembell Featured By Owner Mar 13, 2013  Hobbyist Digital Artist
:dance: Welcome!!
Reply
:iconablackwind:
Ablackwind Featured By Owner Mar 18, 2013
:thumbsup: :heart:
Reply
:iconadministracjaru:
AdministracjaRU Featured By Owner Mar 3, 2013
thanks so much ! <3
Reply
:iconrusembell:
Rusembell Featured By Owner Mar 4, 2013  Hobbyist Digital Artist
welcome C:
Reply
:iconfiendishbro:
FiendishBro Featured By Owner Feb 28, 2013  Student General Artist
Gonna be awhile before I attempt this.
Might get buried still learning how to use just about everything here.
One step at a time, right?!
Reply
:iconrusembell:
Rusembell Featured By Owner Mar 4, 2013  Hobbyist Digital Artist
Right! :dummy:
Reply
:iconscatteredashe:
ScatteredAshe Featured By Owner Jan 29, 2013  Hobbyist Digital Artist
This is awesome, thank you for sharing! :glomp:
Reply
:iconrusembell:
Rusembell Featured By Owner Jan 30, 2013  Hobbyist Digital Artist
*-* np, welcome!
Reply
:iconkohakuhime-chan:
KohakuHime-Chan Featured By Owner Nov 25, 2012  Student Digital Artist
if i edit this who should i credit?
Reply
:iconrusembell:
Rusembell Featured By Owner Nov 26, 2012  Hobbyist Digital Artist
Don't worry, is not necessary ~
Reply
:iconkohakuhime-chan:
KohakuHime-Chan Featured By Owner Nov 27, 2012  Student Digital Artist
ok
Reply
:iconmini-kawaii:
Mini-Kawaii Featured By Owner Nov 2, 2012  Student Digital Artist
thanks a lot
Reply
:iconrusembell:
Rusembell Featured By Owner Nov 5, 2012  Hobbyist Digital Artist
Welcome ~
Reply
:iconmini-kawaii:
Mini-Kawaii Featured By Owner Nov 2, 2012  Student Digital Artist
where did you get the code?
Reply
Add a Comment:
 
×
Download PNG 880 × 7795




Details

Submitted on
July 8, 2012
Image Size
8.3 MB
Resolution
880×7795
Link
Thumb
Embed

Stats

Views
2,151 (1 today)
Favourites
173 (who?)
Comments
71
Downloads
63
×