[x]

Center Your JournalsWith the new formatting for journals, putting a max-width limit (or just fixing the width) makes more and more sense.... However, I've noticed a lot of really great journals that suffer from hanging out all the way on the left side. Which, when your screen resolution is 1920px wide, just really kills something. (Honestly, on this wide of a screen it's not good to have text go all the way across the page. I recommend putting a max-width on.)
Anyway, it's really easy to get your journal (or for that matter any kind of nested element) to center automatically. Use padding if you need to shift things in one direction or another, just make sure to watch out for what the background image does.
All you need to do is tell the left and right margins to be automatic.
Simple, isn't it?
Tricks
Instead of using margin: to specify values for everything, you can use margin-[component] to, for instance, say margin-top. This is especially useful when combined with the fact that the lower lines of CSS ov

Improved box background“Immolate IM-PRO-VED”
– old russian meme
http://somrat.deviantart.com/art/Custom-box-Background-Tutorial-168748411
http://deathtripp.deviantart.com/art/Custom-Box-Background-Tutorial-152059487
http://sanguineepitaph.deviantart.com/art/Sexify-Your-Page-Custom-Boxes-195234249
http://sparklum.deviantart.com/art/Custom-Backgrounds-217198604
http://converse-kidd.deviantart.com/art/Custom-box-background-tutorial-195329070

Helpful LinksdA FAQ
:faq62:
:faq66:
:faq67:
:faq69:
:faq100:
:faq892:
:faq762:
:faq101:
dA Tutorials
Except those places listed below you can find a lot of tutorials about customizing your dA appearance in our gallery folders.
thespook's CSS tutorials.
- - -
CSS + Layout Help
Have troubles with finding the right colors or fonts? The links below will help you to style your skins right.
dA Journal CSS Preview
Colour palette generator
Colour palette generator
Gradient Editor
Color Codes :
Google Webfonts

Browse More Like This

More from *rodeoimagination

View Gallery

Featured in Groups:

#BolivianArt
Bolivian Artist´s Community

#deviantCSS
deviantART XHTML & CSS Ref

#eCSSited
a place for all your CSS needs

Details

Submitted: January 4
File Size: 1.1 KB

Link

Thumb

Statistics

Comments: 20
Favourites: 56 [who?]
Views: 904 (4 today)
Downloads: 69 (1 today)

License

Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

[x]

deviantID [widget customization]by *rodeoimagination

Resources & Stock Images / Tutorials / deviantART Tutorials / Other

Honestly I didn't like what the ID widget turned to be, the caged picture with that shadow, no more PNG transparent avatar to show off... the limited size of the image... anyways... Here I'm mimicking all the text lines that are included in the default widget (Your big username displayed /Your real name / Your location / etc) you'll have to edit this in the code along your contact information and you are done ! Hope you like this widget code thingy

Live Demo: [link]

deviantID-widget instructions

1. Download the .zip file (top right).
2. All the 3 code varatians to copy&paste are in there.
- Simple Widget
- Widget with Avatar
- Widget with your transparent image
3. You need to know basic basic HTML to use this.
4. Please if you like this visit my profile at *rodeoimagination and donate some points !

Good luck!

Honestamente no me gustó en lo que se convirtió el deviant ID widget, la foto encerrada en una caja con una sombra horrible, ya no más transparencias para fundir con el fondo... y el tamaño limitado de la imagen... bueno... Acá estoy imitando todas las líneas de texto que se incluyen en el widget original (El nombre de usuario gigante / El nombre real / Su locación / etc) van a tener que editar el código además de su información de contacto y listo! Espero que les guste este código para editar el widget

Demostración en vivo: [link]

deviantID-widget instrucciones

1. Descargar el archivo .zip (arriba a la derecha donde dice 'Download File').
2. Las 3 variantes del código están listas ahí para copiar&pegar.
- Widget simple
- Widget con Avatar
- Widget con imagen transparente
3. Necesitas saber HTML muy básico para usar esto.
4. Por favor si les gusta esto visiten mi perfil en *rodeoimagination y donenme algunos puntos !

Buena Suerte!

~RidKurn Mar 5, 2013 Student Digital Artist

Nice code there

and How did you hide your username on Deviant ID?

~RidKurn Mar 5, 2013 Student Digital Artist

and the social bar doesnt work for me?
can you help me?

*rodeoimagination Mar 7, 2013 Professional Interface Designer

Oh, sorry, it seems that part of the codes only work with Premium Membership accounts

as they have more permissions to insert code.

~RidKurn Mar 7, 2013 Student Digital Artist

Ah I see..
thanks

Good work

~RidKurn Mar 5, 2013 Student Digital Artist

nice code there

and how did you hide your username in Deviant ID?

*rodeoimagination Mar 7, 2013 Professional Interface Designer

the first lines of the code create a float over the full content.
Glad you liked

~CensoredSecret Jan 10, 2013 Student Digital Artist

This was really awesome to find~ I thankfully know enough HTML to customize it a lot but I liked how you had it mostly c: I didn't use it in my ID though, I put it under a different widget and I really like it. Thanks so much, you made this really easy and understandable~

Keep it up!

*rodeoimagination Jan 10, 2013 Professional Interface Designer

I'm glad you liked and found it useful

You're welcome. BTW I liked your avatar lots, it's pretty cool

~CensoredSecret Jan 10, 2013 Student Digital Artist

I did~ Though I can't get it to work like it looks like in your image, I like it enough not to care. c:

Thank you! c: I'm glad you like it, I do too.

*rodeoimagination Jan 10, 2013 Professional Interface Designer

It seems some codes are available to work on premium memberships only, sorry :/
Ok ^^

Kind regards~

More from *rodeoimagination

Featured in Groups:

Details

Statistics

License

deviantID [widget customization]by *rodeoimagination

Live Demo: [link]

deviantID-widget instructions

Demostración en vivo: [link]

deviantID-widget instrucciones

The Journal Portal

Polls

What is your preferred drawing software?

deviantART [dee·vee·un'nt·ART]

Keep in Touch!

Deviousness

Add Media

Style