Join for FREE | Take the Tour Lost Password?
[x]

deviantART

 
©2008-2009 ~holala830
:iconholala830:

Artist's Comments

Me :iconholala830: and Veg-fx :iconveg-fx: have were looking for css code and have both written a basic css tutorial for beginners.

The first part will talk about letterfonts and coloring the whole part...

Have fun with it....


Next part will arrive in a few days...

Comments


love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconholala830:
Basic CSS

Step 1
Let start with the basics. Add this code to youre css script.
Journalbox .boxtop will change the top of youre journal.
Journalbox will change the middle part of youre journal.



.journalbox .boxtop {


font-style: italic;
font-size: 20px;
font-family: arial;
text-align:left;
background-color:#000000;
color:#c54b0f;
font-weight:bolder;
height:170px;
width:250px;
}

.journalbox {

background-color:#000000;
border-color:#ffffff;
color:#c54b0f;
font-family: serif;

}

Use preview to check the result.

background-color: gives the background color and color will give the text another color.
The color code is hexadecimal, and converted from three colors: Red, Green and Blue. Always two digits for each color. So 000000 is equal to no red, no green and no blue what will result in Black. FFFFFF will be white by giving full density with red, green and blue. Open Photoshop for all the color combinations or just check google.
border-color: will change the border color.
font-family: will change the font type, something like arial, courier, serif and so one...
You also will notice that width will increase the size of the title, if you delete this line of code it will be full sized...
font-style: will change the style: try oblique, italic and normal,
Font-weight: bold, normal or italic will give extra dimension to your text properties.
font-weight: is used to give the bold attribute to fonts.
height and weight: is used for sizing the box.

Step 2
Add following code to youre script.
This script will change the bottompart to.

.journalbox .f {

background-color:#000000;
color:#c54b0f;
}

Try again to change colors and attributes...

Good luck.

--
My gallery is open 7/7 here: [link]

For other Urbex stuff click here:
[link]
:iconarioch84:
good stuff.
this will come in handy some time soon... :+fav: in the meantime ;)

--
Member of:
~UrbanExploration ~arquitectura ~claustrophobic *UrbanShots
~Abandoned-Life ~metalheads ~black-metal ~mountainbike-lovers
*NikonCharged *belgium
:iconholala831:
ik zal binnenkort ook eens proberen
nu papieren in orde maken voor de nieuwe job
en de oude papieren van de oude job ook in orde maken

greetz

--
:flageu: have Fun, have Pleasure, Have an URBEX :flageu:
Watch my gallery [link] :gallery: :wave:
:iconronindude:
Thanks, this is useful, and I will try to use what I learned here to make something original for myself.
By the way, How did you get that awesome background effect, with the rain, or whatever it is? and the overlapping dripping yellow paint effect? I could see how that could be useful for many different ideas! Looks awesome!

--
"In the void is virtue, and no evil. Wisdom has existence, principle has existence, the way has existence, spirit is nothingness." -Musashi Myomoto, master swordsman. 1584-1645
:iconholala830:
thanks man, i'm not busy with this right now because i'm studying to be a train engineer but good luck with it!

--
My gallery is open 7/7 here: [link]

For other Urbex stuff click here:
[link]
:iconronindude:
Thanks, it'll be fun to try stuff out!

--
"In the void is virtue, and no evil. Wisdom has existence, principle has existence, the way has existence, spirit is nothingness." -Musashi Myomoto, master swordsman. 1584-1645
:iconpaintbrushplushi:
Hi! I've gotten a few basic CSS's to work but no matter what I do I can't seem to make an image appear on the more advanced ones...

I upload the images to the photobucket host and I'm wondering if that's the problem?

.journalbox {background: url (s5.photobucket_com/albums/y178/rockmanfan/Gaia/?action=view&current=bg-repeat_jpg) repeat-y top left; color: #fff4e5;
border:none;max-width:850px;} there's a sample from the Rose CSS kuschelirmel-stock made. (of course edited the URL so as not to appear as a [link]

^.^;;; please help if you know anything?

--
Now taking commissions :heart:
:iconredmagesalyre:
Cool, I'm going to try this sometime.

--
Molly/Eva x Aikka FOREVER!

Califur: "I don't cook! I'm a scary and powerful fire demon!"

"The banjo becomes angry at midnight... What the hell are you talking about!!!"
-Crow, MST3k "The Sword and the Dragon"

Details

February 22, 2008
372 KB
372 KB
430×1414

Statistics

8
11 [who?]
868 (0 today)
49 (0 today)

Share

Link
Embed
Thumb

Site Map