Page 1 of 23

Rosehill's Freebie Graphics

Posted: October 22nd, 2011, 5:09:08 am
by Rosehill
Image

Rosehill's Freebie Graphics

My Graphics Galore thread has gotten so big and stuffed I decided to move all the freebie graphics to a separate thread so they don't get drowned amongst all the requested art.

Rules
1) This thread is not for requesting any art. If you want to request graphics from me use my Graphics Galore thread, Space Art Shop or CSS Store
2) All of these graphics are free to use as is for anyone on Magistream without separate permission
3) Do not modify these graphics without asking for my permission first
4) You are allowed to modify the CSSs to a certain extent. If you only do minor changes (e.g., changing just colours or an image etc.) please do not remove the first credit line from the code
5) Credit is appreciated but not required.


Topic navigation
Resources
Some of the brushes, patterns, shapes etc. are made from scratch by me, some are made by someone else. The someone elses are: Do it yourself
Though I do all my graphics manually there are some good web generators for antipixel buttons and userbars if you wish to make the graphics yourself but don't feel like messing with a graphics program: You can also find me on Image

Rosehill's Freebie Graphics - Avatars, Buttons, Stamps

Posted: October 22nd, 2011, 5:09:33 am
by Rosehill
Image
Avatars, Buttons, Stamps
You can always find the image codes from the spoilers after the images.

Antipixel buttons
Image
Image
Image
Image
Spoiler
Facebook:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/antipixel_fb.png[/IMG]
Deviantart:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/antipixel_deviantart.png[/IMG]
Twitter:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/twitter8015.png[/IMG]
DragonCave:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/dc.png[/IMG]
Avatars
For avatars the first code (the one between img-tags) inside the spoiler is for displaying the images on the posts or profiles or signatures. The second code is the one you need to paste in your user control panel's "Upload from a URL:" or "Link off-site:" field to make it as an avatar.

Image Image Image Image Image Image Image Image
Spoiler
Brown butterflies:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava1.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava1.png
Purple butterflies:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava2.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava2.png
Alicanto:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava3.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava3.png
Golden crystalwing:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava4.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava4.png
Resurrection horse:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava5.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava5.png
Abeoth frog:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava6.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava6.png
Bone dragons:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava7.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava7.png
St.Patricks:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stpatricksava.png[/IMG]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stpatricksava.png
Chinese zodiac avatars
ImageImageImageImageImageImageImageImageImageImageImageImage
Spoiler
Rat:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-rat.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-rat.png
Ox:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-ox.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-ox.png
Tiger:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-tiger.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-tiger.png
Rabbit:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-rabbit.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-rabbit.png
Dragon:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-dragon.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-dragon.png
Snake:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-snake.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-snake.png
Horse:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-horse.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-horse.png
Goat:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-goat.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-goat.png
Monkey:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-monkey.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-monkey.png
Rooster:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-rooster.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-rooster.png
Dog:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-dog.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-dog.png
Pig:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-pig.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/chinese-zodiac-pig.png
Western zodiac avatars
ImageImageImageImageImageImageImageImageImageImageImageImage

Image
Spoiler
Aries:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-aries.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-aries.png
Taurus:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-taurus.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-taurus.png
Gemini:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-gemini.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-gemini.png
Cancer:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-cancer.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-cancer.png
Leo:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-leo.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-leo.png
Virgo:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-virgo.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-virgo.png
Libra:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-libra.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-libra.png
Scorpio:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-scorpio.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-scorpio.png
Sagittarius:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-sagittarius.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-sagittarius.png
Capricorn:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-capricorn.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-capricorn.png
Aquarius:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-aquarius.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-aquarius.png
Pisces:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-pisces.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-pisces.png
Amphista gemini:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-gemini2.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/zodiac-gemini2.png
Donation creature avatars
ImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImage
Spoiler
Purple Crystalwing:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-pcw.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-pcw.png
Gold Crystalwing:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-gcw.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-gcw.png
Unicorn:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-unicorn.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-unicorn.png
Dark Unicorn:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-darkunicorn.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-darkunicorn.png
Celestial Dragon:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-celestiald.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-celestiald.png
Void Dragon:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-voidd.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-voidd.png
Temple Cat:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-templecat.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-templecat.png
Light Basilisk:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-lightbasi.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-lightbasi.png
Dark Basilisk:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-darkbasi.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-darkbasi.png
Cobalt Wyvern:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-cobaltw.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-cobaltw.png
Chestnut Kirin:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-chestnutkirin.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-chestnutkirin.png
Autumn Kirin:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-autumnkirin.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-autumnkirin.png
Valcerian Dragon:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-valceriand.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-valceriand.png
Silver Alicanto:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-silverali.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-silverali.png
Golden Alicanto:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-goldenali.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-goldenali.png
Sanus:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-sanus.png[/img]

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/ava-sanus.png
Valentines avatars
Image Image Image
Image Image Image
Image Image Image Image Image
Spoiler
Rose imp:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava1.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava1.png
Sarvain:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava2.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava2.png
Axolotl:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava6.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava6.png
Round heart:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava3.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava3.png
Round male Hummingbirds:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava4.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava4.png
Round female Hummingbirds:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava5.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava5.png
Be my Valentine:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava7.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava7.png
Love:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava8.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava8.png
All you need is baby axolotl:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava9.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava9.png
Sarvain hatchling:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava10.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava10.png
Valentine's:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava11.png[/img] 

Code: Select all

http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-ava11.png

Buddy icons
ImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImage
ImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImageImage
Spoiler
1. Koi:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_koi.png[/img]
2. Phoenix:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_phoenix.png[/img]
3. Purple CW:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_cwpurple.png[/img]
4. Kraken:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_kraken.png[/img]
5. Gold CW:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_cwgold.png[/img]
11. Ice Phoenix:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_icephoenix.png[/img]
12. Ice Gryphon:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_icegryph.png[/img]
13. Direwolf:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_direwolf.png[/img]
14. Unicorn:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_unicorn.png[/img]
15. Dark unicorn:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_unicornd.png[/img]
18. Ibex:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_ibex.png[/img]
19. Tropical Leviathan:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_levitro.png[/img]
21. Trench Leviathan:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_levitre.png[/img]
22. Ocean Leviathan:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_levio.png[/img]
23. Storm Leviathan:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_leviathan.png[/img]
26. Dark Narwhal male:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_narwhal.png[/img]
30. Black Winged Cat:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_wcatb.png[/img]
31. White Winged Cat:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_wcatw.png[/img]
36. Dark Basilisk:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_basilisk.png[/img]
40. Kitsune:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_kitsune.png[/img]
46. Roc:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_roc.png[/img]
50. Chestnut Kirin:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_kirinc.png[/img]
51. Autumn Kirin:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_kirina.png[/img]
53. Valcerian Dragon male:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_valdragm.png[/img]
53. Valcerian Dragon female:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_valdragf.png[/img]
59. Etainian Quetzalcoatl:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_etainquetzal.png[/img]
62. Xand Bear:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_xand.png[/img]
63. Silver Alicanto:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_alicantos.png[/img]
64. Golden Alicanto:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_alicantog.png[/img]
70. Decessus:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_decessus.png[/img]
71. Dead Decessus:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_decessusd.png[/img]
73. Amarath Alagos:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_alagos.png[/img]
77. Hallow Capricorn:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_hallowcapri.png[/img]
83. Coal Wyrm:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_coal.png[/img]
86. White Elk:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_whiteelk.png[/img]
90. Farir:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_farir.png[/img]
94. Axolotl:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_axolotl.png[/img]
102. Light Gemhog:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_gemhogl.png[/img]
103. Dark Gemhog:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_gemhogd.png[/img]
107. Cacao Jackalope female:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_cacao.png[/img]
109. Jerboa Rat male:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_jerboam.png[/img]
109. Jerboa Rat female:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_jerboaf.png[/img]
110. Brontotherium:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_bronto.png[/img]
119. Cadaceus Chameleon (orange):

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_chameleono.png[/img]
122. Ice Octopus:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_iceocto.png[/img]
137. Dar Minicorn:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_minicornd.png[/img]
147. Sacred Scarab:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_sacredscarab.png[/img]
149. Lunar Fox:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_lunarfox.png[/img]
157. Black Tienko:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_blacktienko.png[/img]
164. Forest Tylluan:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_foresttylluan.png[/img]
173. Icist:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_icist.png[/img]
176. Albino Nandi Bear:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_nandia.png[/img]
177. White Penguin female:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/magistream_crests/buddy_penguinw.png[/img]
182. Yellow Namista's Spider:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_namistay.png[/img]
183. Blue Namista's Spider:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_namistab.png[/img]
187. Bleeding Heart Gryphon:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_bhg.png[/img]
190. Red Vasant Beetle:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_vasantr.png[/img]
191. Green Vasant Beetle:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_vasantg.png[/img]
192. Ariessa male:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_ariessam.png[/img]
192. Ariessa female:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_ariessaf.png[/img]
194. Red Talvar:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_talvarr.png[/img]
195. Blue Talvar:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_talvarb.png[/img]
196. Kelp Araxie:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_araxiek.png[/img]
197. Coral Araxie:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_araxiec.png[/img]
210. Goldfish:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_goldfish.png[/img]
216. Viridis Crab:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_viridiscrab.png[/img]
217. Kamar Rabbit (white):

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_kamarw.png[/img]
217. Kamar Rabbit (brown):

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_kamard.png[/img]
218. Light Pugeon female:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_pugeonlf.png[/img]
218. Light Pugeon male:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_pugeonlm.png[/img]
219. Dark Pugeon male:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_pugeondm.png[/img]
219. Dark Pugeon female:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_pugeondf.png[/img]
220. Vosmari:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_vosmari.png[/img]
222. Ice Kraken:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_icekraken.png[/img]
228. Khatash:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_khatash.png[/img]
232. Kiwi:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_kiwi.png[/img]
233. Yellow Farir:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_fariry.png[/img]
234. Golden Farir:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_farirg.png[/img]
235. Red Farir:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_farirr.png[/img]
239. White Aculeus:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_aculeusw.png[/img]
240. Golden Aculeus:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_aculeusg.png[/img]
246. Caeralis:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_caeralis.png[/img]
249. Donec Fish:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/buddy_donecfish.png[/img]
Stamps
Image Image Image Image Image
Spoiler
Narwhal stamp:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stamp_narwhal.png[/img] 
Arkai stamp:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stamp_arkai.png[/IMG]
Kiwi stamp:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stamp-kiwi.png[/img]
Viridis Crab stamp:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stamp-crab.png[/img]
St. Patrick's stamp:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stamp-stpat.png[/img]

Rosehill's Freebie Graphics - Signature sets

Posted: October 22nd, 2011, 5:10:01 am
by Rosehill
Image
Signature sets
NOTE about signature sets! When you preview the signature in your User Control Panel the preview area is smaller than the area that appears on actual posts. This causes the signature set to only show the side images on the preview. They will show up properly on posts nonetheless.

Ariessa set (will show correctly on topic view, but not on PM or signature preview views or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/f9UDLg[/imgleft][imgright]http://bit.ly/fQiWLj[/imgright]
[center][img]http://bit.ly/g2I6ep[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://bit.ly/fTHgQ2[/img][/center]
Talvar set (will show correctly on topic view, but not on PM or signature preview views or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/ghCKlX[/imgleft][imgright]http://bit.ly/fO3JNz[/imgright]
[center][img]http://bit.ly/fJivwT[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://bit.ly/ieTxQB[/img][/center]
Kelp Araxie set (will show correctly on topic view as well as on PM and signature preview views and inside quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/ezsLCp[/imgleft][imgright]http://bit.ly/gJp9wG[/imgright]
[center][img]http://bit.ly/hIvcEB[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they will push
The lower image
To the bottom.
[img]http://bit.ly/gG9Swv[/img][/center]
Coral Araxie set (will show correctly on topic view as well as on PM and signature preview views and inside quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/fmntOJ[/imgleft][imgright]http://bit.ly/h6DAaY[/imgright]
[center][img]http://bit.ly/i9XXhP[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they will push
The lower image
To the bottom.
[img]http://bit.ly/gNvqbP[/img][/center]
Amphista set (will show correctly on posts but not on signature preview or PMs or quotes. See also the signature set tutorial to see how this was made)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/fna211[/imgleft][imgright]http://bit.ly/hlwFoy[/imgright]
[center][img]http://bit.ly/eA2mCn[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they 
Will push
The lower image
To the bottom.
[img]http://bit.ly/eFcs6t[/img][/center]
Fire Drake set (will show up correctly on posts, but not on PMs or signature preview or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/kI6uqP[/imgleft][imgright]http://bit.ly/m17Cc5[/imgright]
[center][img]http://bit.ly/kqpzjw[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they 
Will push
The lower image
To the bottom.
[img]http://bit.ly/kqpzjw[/img][/center]
Ember Drake set (will show up correctly on posts, but not on PMs or signature preview or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/mLLwdD[/imgleft][imgright]http://bit.ly/iBbKgu[/imgright]
[center][img]http://bit.ly/kxWh2K[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they 
Will push
The lower image
To the bottom.
[img]http://bit.ly/kxWh2K[/img][/center]
Soulfire Cerberus set (will show up correctly on posts, but not on PMs or signature preview or quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/qhdbrV[/imgleft][imgright]http://bit.ly/pkrcYP[/imgright][center][img]http://bit.ly/oYABsV[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they 
Will push
The lower image
To the bottom.
[img]http://bit.ly/oYABsV[/img][/center]
Hellfire Cerberus set (will show up correctly on posts, but not on PMs or signature preview or quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/rb77qy[/imgleft][imgright]http://bit.ly/nJcjag[/imgright][center][img]http://bit.ly/oxdckU[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they 
Will push
The lower image
To the bottom.
[img]http://bit.ly/oxdckU[/img][/center]
Pumpkin Wyrm set (will show up correctly on posts, but not on PMs or signature preview or quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/mSWqX2[/imgleft][imgright]http://bit.ly/mZVnkP[/imgright][center][img]http://bit.ly/rmXqpR[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they 
Will push
The lower image
To the bottom.
[img]http://bit.ly/rmXqpR[/img][/center]
St. Patrick's Day set (will show up correctly on posts, but not on PMs or signature preview or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bit.ly/AokiiW[/imgleft][imgright]http://bit.ly/A5nCeI[/imgright]
[center][img]http://bit.ly/wZUO9H[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://bit.ly/x1VB53[/img][/center]
Purple Verikan set (will show up correctly on posts, PMs, signature previews, and quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bitly.com/QbMYvZ[/imgleft][imgright]http://bitly.com/NZJnP8[/imgright][center][img]http://bitly.com/OtPgEi[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://bitly.com/MxTixH[/img][/center]
Blue Verikan set (will show up correctly on posts, PMs, signature previews, and quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bitly.com/LA3JPE[/imgleft][imgright]http://bitly.com/NkPf7B[/imgright][center][img]http://bitly.com/NBaAXQ[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://bitly.com/NZJP01[/img][/center]
Mixed Verikan sets (will show up correctly on posts, PMs, signature previews, and quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bitly.com/QbMYvZ[/imgleft][imgright]http://bitly.com/NkPf7B[/imgright][center][img]http://bitly.com/NBaAXQ[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://bitly.com/MxTixH[/img][/center]
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://bitly.com/LA3JPE[/imgleft][imgright]http://bitly.com/NZJnP8[/imgright][center][img]http://bitly.com/OtPgEi[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://bitly.com/NZJP01[/img][/center]
Cinder Storm Steed set (will show up correctly on posts, but not on PMs or signature preview or quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/FueoZ[/imgleft][imgright]http://goo.gl/1eR8M[/imgright][center][img]http://goo.gl/9j2o5[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/9j2o5[/img][/center]
Female Tempest Storm Steed set (will show up correctly on posts, but not on PMs, signature previews, or quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/qOu1i[/imgleft][imgright]http://goo.gl/zB87R[/imgright][center][img]http://goo.gl/EvVGQ[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/EvVGQ[/img][/center]
Male Tempest Storm Steed set (will show up correctly on posts, but not on PMs, signature previews, or quotes)
Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/KaLjA[/imgleft][imgright]http://goo.gl/sGCCY[/imgright][center][img]http://goo.gl/EcEM9[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/EcEM9[/img][/center]

Brown Avrael set (will show up correctly on posts, but not on PMs, signature previews, or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/V5Hrm[/imgleft][imgright]http://goo.gl/aSUZ3[/imgright]
[center][img]http://goo.gl/kSYh6[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/rFudH[/img][/center]
Or turn the squirrells around! (will show up correctly on posts, but not on PMs, signature previews, or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/aSUZ3[/imgleft][imgright]http://goo.gl/V5Hrm[/imgright]
[center][img]http://goo.gl/kSYh6[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/rFudH[/img][/center]

Red Avrael set (will show up correctly on posts, but not on PMs, signature previews, or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/l36vy[/imgleft][imgright]http://goo.gl/9naUn[/imgright]
[center][img]http://goo.gl/LIqNa[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/Cf9vB[/img][/center]
Or turn the squirrells around! (will show up correctly on posts, but not on PMs, signature previews, or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/9naUn[/imgleft][imgright]http://goo.gl/l36vy[/imgright]
[center][img]http://goo.gl/Cf9vB[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/LIqNa[/img][/center]
Mix the squirrells! (will show up correctly on posts, but not on PMs, signature previews, or quotes)

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/aSUZ3[/imgleft][imgright]http://goo.gl/l36vy[/imgright]
[center][img]http://goo.gl/kSYh6[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/LIqNa[/img][/center]

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/l36vy[/imgleft][imgright]http://goo.gl/aSUZ3[/imgright]
[center][img]http://goo.gl/LIqNa[/img]
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/rFudH[/img][/center]
Blue Kordaetis Elephant set (will show up correctly on posts, but not on PMs, signature previews, or quotes)
Image
Text and creatures
And links and banners
And enough other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/ITHfn[/imgleft][imgright]http://goo.gl/RgaZR[/imgright][center][img]http://goo.gl/56xaw[/img]
Text and creatures
And links and banners
And enough other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/56xaw[/img][/center]
Red Kordaetis Elephant set (will show up correctly on posts, but not on PMs, signature previews, or quotes)
Image
Text and creatures
And links and banners
And enough other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/Q8RWv[/imgleft][imgright]http://goo.gl/ptOfE[/imgright][center][img]http://goo.gl/9Ypj7[/img]
Text and creatures
And links and banners
And enough other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/9Ypj7[/img][/center]
Elephant mix! (will show up correctly on posts, but not on PMs, signature previews, or quotes)
Image
Text and creatures
And links and banners
And enough other stuff here.
So they
Will push
The lower
Image
To the bottom.
Image
Spoiler

Code: Select all

[imgleft]http://goo.gl/ITHfn[/imgleft][imgright]http://goo.gl/ptOfE[/imgright][center][img]http://goo.gl/56xaw[/img]
Text and creatures
And links and banners
And enough other stuff here.
So they
Will push
The lower
Image
To the bottom.
[img]http://goo.gl/9Ypj7[/img][/center]

Rosehill's Freebie Graphics - Profile Customization

Posted: October 22nd, 2011, 5:10:17 am
by Rosehill
Image
Custom profiles i.e. CSSs
Profile headers
All profile headers will get a complete CSS profile to accompany them eventually.

Sweet Violet header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader1.png )

Grunge header:
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader2.png )

Fudgy Goodness header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader3.png )

Green Tea header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader4.png )

Starry Starry Night header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader5.png )

Cherry header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader6.png )

Sunset header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader7.png )

St. Patricks header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... eader9.png )

Valentines header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader10.png )

Spring header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader12.png )

Easter header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader13.png )

Deep Space header (complete CSS available):
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader15.png )

Autumn header (complete CSS available): (Added Oct 22nd 2011)
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader16.png )

Halloween header (complete CSS available): (Added Oct 28th 2011)
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader17.png )

Christmas header (complete CSS available): (Added Dec 11th 2011)
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader18.png )

New Year header (complete CSS available): (Added Dec 27th 2011, Please note, this one requires a different kind of code to display correctly!)
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader19.png )
2013 version: http://i793.photobucket.com/albums/yy21 ... der19b.png

Granite header (complete CSS available): (Added July 7th 2012)
Image
(See the full size image here: http://i793.photobucket.com/albums/yy21 ... ader14.png )

In order to use these on your profile you need to put the following code to your Custom CSS-field at the bottom of your User Control panel -> Profile tab.

Change the number after word "msheader" and before ".png" to match the header you want displayed (1 = Sweet Violet, 2 = Grunge, 3 = Fudgy Goodness, 4 = Green Tea, 5 = Starry Starry Night, 6 = Cherry, 7 = Sunset, 9 = St. Patricks, 10 = Valentine's, 12 = Spring, 13 = Easter, 15 = Deep Space, 16 = Autumn, 17 = Halloween, 18 = Christmas, 14 = Granite NOTE: For the New Year header you'll need to use the second code posted):

Code: Select all

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader1.png) !important;
height: 250px !important;
}
This code is only for the New Year header:

Code: Select all

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 400px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.icon-gold span
{
color: #cc9900 !important;
}

.icon-shards span
{
color: #85c5c8 !important;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader19b.png) !important;
background-color: black !important;
height: 450px !important;
}
Please note that it will place a 2013 header onto your profile. If you want the 2012 version, remove the "b" from "msheader19b.png" on .headerbar block.



Profile CSSs

To get the CSS to show up on your profile page copy the CSS code inside the spoiler and paste it on the field labelled "Custom CSS" at the bottom of your User Control panel -> Profile tab and save.

Spring:
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Spring" by Rosehill */
body
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg12.png);
background-repeat: no-repeat;
background-attachment: fixed;
color: #905a9c;
background-color: #d7e988;
}

#page-body
{
background-color: transparent;
}

#page-header .navbar
{
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #9acf56;
background-image: none;
}

#page-footer .navbar
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #9acf56;
background-image: none;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader12.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-color: #9acf56 !important;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 1px solid #905a9c;
}

.icon-gold
{
padding:  6px;
background-color: #905a9c;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
}

.bg2
{
background-color: #9acf56;
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.bg1
{
background-color: #fcf78f;
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

a:link, a:visited
{
color: #905a9c !important;
}

a:hover
{
background-color: transparent !important;
}

a:active
{
color: #905a9c;
}

a.fontsize
{
display: none;
}

a.button2:hover, input.button2:hover
{
color: #905a9c;
}

input.button2
{
background-image: none;
border-color: #905a9c !important;
background-color: #d8ebaa;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

span
{
background-image: none !important;
}

h2
{
margin-left: 20px;
color: #905a9c;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading12.png);
background-repeat: no-repeat;
background-position: left;
border-bottom-color: #d8ebaa;
padding-top: 30px;
font-size: 1.5em;
color: #d8ebaa;
text-align: center;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #905a9c;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

.spoiler .inner
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #905a9c !important;
padding-left: 10px;
padding-bottom: 10px;
background-color: #d8ebaa;
}

.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#f
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.copyright
{
color: black;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

.border-bottom
{
display: none;
}

Cherry Flowers:
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Cherry Flowers" by Rosehill */
body
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg2.png);
background-repeat: no-repeat;
background-position: bottom left;
background-attachment: fixed;
color: black;
background-color: #f4d9e4;
}

#page-body
{
background-color: transparent;
}

#page-header .navbar
{
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #f2b4cc;
background: rgba(242,180,204,0.5);
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png);
border: 1px solid #453d3c;
}

#page-footer .navbar
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
background-color: #f2b4cc;
background: rgba(242,180,204,0.5);
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png);
border: 1px solid #453d3c;
}
.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-color: #f2b4cc;
background: rgba(242,180,204,0.5);
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader6.png) !important;
background-repeat: no-repeat;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 1px solid #453d3c;
height: 250px !important;
background-repeat: no-repeat !important;

}

.icon-gold
{
padding: 3px;
margin-top: 2px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #ce5e91;
}

.bg2, .bg1
{
background-color: #f2b4cc;
background: rgba(242,180,204,0.5);
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png);
background-repeat: repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #453d3c;
margin-left: -2px;
}

a:link, a:visited
{
color: #ab1243 !important;
}

a:hover
{
background-color: transparent !important;
}

a:active
{
color: #ab1243 !important;
}

a.fontsize
{
display: none;
}

a.button2:hover, input.button2:hover
{
color: #453d3c;
}

input.button2
{
background-image: none;
border-color: #453d3c !important;
background-color: #dbc3cd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

span
{
background-image: none !important;
}

h2
{
padding: 6px;
margin-left: -2px;
background-color: #f2b4cc;
background: rgba(242,180,204,0.5);
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-bg3.png);
background-repeat: repeat;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #453d3c;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/cherry-hd.png);
background-repeat: no-repeat;
background-position: right;
border-bottom-color: #453d3c;
padding: 20px;
font-size: 2em;
color: #453d3c;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #453d3c;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

.spoiler .inner
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #453d3c !important;
padding-left: 10px;
padding-bottom: 10px;
}

.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#f
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.copyright
{
color: black;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

.border-bottom
{
display: none;
}
St. Patrick's Day:
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "St. Patrick's Day" by Rosehill */
body
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg9.png);
background-repeat: repeat;
background-attachment: fixed;
color: #005826;
background-color: #c7e6c5;
}

#page-body
{
background-color: transparent;
}

#page-header .navbar
{
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
background-color: #b3d5b3;
background: rgba(179,213,179, 0.8); 
background-image: none;
}

#page-footer .navbar
{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; 
background-color: #b3d5b3;
background: rgba(179,213,179, 0.8); 
background-image: none;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-color: #b3d5b3;
background: rgba(179,213,179, 0.8); 
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader9.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat;
-moz-border-radius: 15px;
-webkit-border-radius:15px;
border-radius: 15px;
border: 1px solid #005826;
}

.bg2, .bg1
{
background-color: #b3d5b3;
background: rgba(179,213,179, 0.8); 
background-image: none;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

a:link,a:visited
{
color: #005826 !important;
}

a:hover
{
background-color: transparent !important;
color: #005826 !important;
}

a:active
{
color: #005826 !important;
}

a.fontsize
{
display: none;
}

a.button2:hover, input.button2:hover
{
color: #005826;
}

input.button2
{
background-image: none;
border-color: #005826 !important;
background-color: #c7e6c5;
-moz-border-radius: 15px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px;
}

span
{
background-image: none !important;
}

h2
{
margin-left: 20px;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading92.png);
background-repeat: no-repeat;
background-position: center;
border-bottom-color: #005826;
font-size: 1.5em;
text-align: center;
color: black;
padding: 30px;
}

.icon-gold
{
background-color: #005826;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #005826;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

.spoiler .inner
{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 1px solid #005826 !important;
padding: 15px;
}

.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#f
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.copyright
{
color: #005826;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

.border-bottom
{
display: none;
}
Easter:
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Easter" by Rosehill */
body
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg13.png);
background-repeat: repeat;
background-attachment: fixed;
color: #4a2c0f;
background-color: #efcdd3;
}

#page-body
{
background-color: transparent;
}

#page-header .navbar
{
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #c7a6f0;
background: rgba(199,166,240,0.4) !important;
background-image: none !important;
border: 1px solid #4a2c0f;
}

#page-footer .navbar
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
background-color: #c7a6f0;
background: rgba(199,166,240,0.4) !important;
background-image: none !important;
border: 1px solid #4a2c0f;
}
.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader13.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat;
background-color: #ef8092;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 1px solid #4a2c0f;
}

.bg2, .bg1
{
background-color: #dc90a6;
background: rgba(220,144,166,0.4);
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #4a2c0f;
margin-left: -2px;
}

a:link, a:visited
{
color: #4a2c0f !important;
}

a:hover
{
background-color: transparent !important;
color: #4a2c0f;
}

a:active
{
color: #4a2c0f;
}

a.fontsize
{
display: none !important;
}

a.button2:hover, input.button2:hover
{
color: #4a2c0f;
}

input.button2
{
background-image: none;
border-color: #4a2c0f !important;
background-color: #c7a6f0;
background: rgba(199,166,240,0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

span
{
background-image: none !important;
}

h2
{
margin-left: 20px;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading13.png);
background-repeat: no-repeat;
background-position: right;
border-bottom-color: #4a2c0f;
padding: 20px;
font-size: 1.5em;
color: #4a2c0f;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #4a2c0f;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: #4a2c0f !important;
}

.spoiler .inner
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #4a2c0f !important;
padding-left: 10px;
padding-bottom: 10px;
}

.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#f
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.copyright
{
color: #4a2c0f;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

.border-bottom
{
display: none;
}
Valentine's Day:
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Valentine's Day" by Rosehill */
body
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/10wrapbg.png);
background-repeat: repeat;
background-attachment: fixed;
color: #5b0a27;
background-color: #fbcee6;
}

#page-body
{
background-color: transparent;
}

#page-header .navbar
{
-moz-border-radius-bottomright: 12px;
-webkit-border-bottom-right-radius: 12px;
border-bottom-right-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
border-bottom-left-radius: 12px;
background-color: #fbcee6;
background-image: none;
margin-bottom: 10px;
border: 1px solid #5b0a27;
}

#page-footer .navbar
{
-moz-border-radius: 12px 6px;
-webkit-border-radius: 12px 6px;
border-radius: 12px 6px; 
background-color: #fbcee6;
background-image: none;
display: none;
}
.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader10.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-color: #8d0f3c;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 1px solid #5b0a27;
}

.icon-gold
{
background-color: #8d0f3c;
padding: 5px;
-moz-border-radius: 12px 6px;
-webkit-border-radius: 12px 6px;
border-radius: 12px 6px;
}

.bg2, .bg1
{
background-color: #fbcee6;
background-image: none;
-moz-border-radius: 12px 6px;
-webkit-border-radius: 12px 6px;
border-radius: 12px 6px;
border: 1px solid #5b0a27;
margin-left: -2px;
}

#wrap
{
background-color: #8d0f3c;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/10wrapbg.png);
-moz-border-radius: 156px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #5b0a27;
padding: 45px !important;
}

a:link, a:visited
{
color: #5b0a27 !important;
}

a:hover
{
background-color: transparent !important;
color: #d66a9c;
}

a:active
{
color: #5b0a27;
}

a.fontsize
{
display: none;
}

a.button2:hover, input.button2:hover
{
color: #5b0a27;
}

input.button2
{
background-image: none;
border-color: #5b0a27 !important;
background-color: #d66a9c;
-moz-border-radius: 8px 4px;
-webkit-border-radius: 8px 4px;
border-radius: 8px 4px;
}

span
{
background-image: none !important;
}

h2
{
display: none;
}

h3
{
background-image: none;
background-repeat: no-repeat;
background-position: right;
border-bottom-color: #5b0a27;
font-size: 1.5em;
color: #5b0a27;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #5b0a27;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: #5b0a27 !important;
}

.spoiler .inner
{
-moz-border-radius: 12px 6px;
-webkit-border-radius: 12px 6px;
border-radius: 12px 6px;
border: 1px solid #5b0a27 !important;
padding-left: 10px;
padding-bottom: 10px;
}

.copyright
{
color: black;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

.border-bottom, .jumpbox
{
display: none;
}
Sunset:
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Sunset" by Rosehill */
body
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg7.png);
background-repeat: repeat-x;
background-position: bottom;
background-attachment: fixed;
color: black;
background-color: #f6934c;
}

#page-body
{
background-color: transparent;
}

#page-header .navbar
{
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #ab310b;
background: rgba(171,49,11,0.5);
background-image: none;
border: 1px solid black;
}

#page-footer .navbar
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
background-color: #ab310b;
background: rgba(171,49,11,0.5);
background-image: none;
border: 1px solid black;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-color: #ab310b !important;
background: rgba(171,49,11,0.5);
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader7.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 1px solid black;
}

.bg2, .bg1
{
background-color: #ab310b;
background: rgba(171,49,11,0.9);
background-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-left: -2px;
border: 1px solid black;
}

.bg2:nth-child(3)
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg7_2.png);
background-repeat: no-repeat;
background-position: bottom right;
}

a:link, a:visited
{
color: #700200 !important;
}

a:hover
{
background-color: transparent !important;
color: #700200;
}

a:active
{
color: #700200;
}

a.fontsize
{
display: none;
}

a.button2:hover, input.button2:hover
{
color: black;
}

input.button2
{
background-image: none;
border-color: black !important;
background-color: #f8a056;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

span
{
background-image: none !important;
}

h2
{
margin-left: 20px;
}

h3
{
background-image: none;
background-repeat: no-repeat;
background-position: right;
border-bottom-color: black;
font-size: 1.5em;
color: black;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: black;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

.spoiler .inner
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid black !important;
padding-left: 10px;
padding-bottom: 10px;
background-color: #f8a056;
}

.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

#f
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.copyright
{
color: black;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

.border-bottom
{
display: none;
}
Fudgy Goodness:
Image Check out also the tutorial of how it was made
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Fudgy Goodness" by Rosehill */
/* This block affects the overall background of the page */
body, html
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/bg3.png);
background-repeat: repeat;
background-attachment: fixed;
color: black;
background-color: #e2dfaf;
}

/* This block affects the area in the middle, behind everything else  */
#wrap
{
background-color: #866c43;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/bg3w2.png);
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
border: 4px double #362816;
padding: 0px;
margin-top: 20px;
}

/* This block affects the area behind the content panels */
#page-body
{
background-color: transparent;
}

/* This block affects the top navigation bar */
#page-header .navbar
{
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #f7f4b3;
background-image: none;
background: rgba(247,244,179,0.7);
border-color: #362816;
border: 3px double rgba(54,40,22,0.8);
border-top: none;
}

/* This block affects the bottom navigation bar */
#page-footer .navbar
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
background-color: #f7f4b3;
background-image: none;
background: rgba(247,244,179,0.7);
border-color: #362816;
border: 3px double rgba(54,40,22,0.8);
}

/* This block affects the headerbar */
.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader3.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat;
background-color: #c8c691;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 3px double #362816;
margin-top: 20px;
}

/* This block affects the content panels. .bg1 is the one with avatar and .bg2 is everything else */
.bg2, .bg1
{
background-color: #f7f4b3;
background-image: none;
background: rgba(247,244,179,0.7);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border-color: #362816;
border: 3px double rgba(54,40,22,0.8);
margin-left: -10px;
}


/* This block affects the way links are displayed when they are in their normal state or when they have been clicked */
a:link, a:visited
{
color: #362816 !important;
}

/* This block affects the way links are displayed when the mouse is brought on top of them */
a:hover
{
background-color: transparent !important;
color: #7f6034;
}

/* This block affects the way links are displayed the momen they are clicked */
a:active
{
color: #362816;
}


/* This block hides the font size changer "A" icon from the top right */

a.fontsize
{
display: none;
}


/* This block controls the mouseover color of the spoiler buttons */
a.button2:hover, input.button2:hover
{
color: #362816;
}

/* This block affects the overall look of the spoiler and go buttons  */
input.button2
{
background-image: none;
border-color: #362816 !important;
background-color: #866c43;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* This block hides all the white little round corners from the panels  */
span
{
background-image: none !important;
}

/* This block affects the "Viewing Profile - [username]" -part */
h2
{
color: rgba(247,244,179,0.7);
}


/* This block affects the "Contact [username]", "user statistics", "about me" and "signature" texts */
h3
{
background-image: none;
border-bottom-color: #362816;
font-size: 1.5em;
color: #362816;
text-align: center;
}

/* This block affects the line under the avatar and the line under "index page" link on the top navigation bar */
ul.navlinks, .custom_css_rank
{
border-bottom-color: black;
}

/* This block hides all the small white icons from the profile  */
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none;
}

/* This one affects the font color of most of the content panels  */
.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

/* This block affects the appearance of the box that open when a spoiler is opened */
.spoiler .inner
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid rgba(54,40,22,0.8) !important;
padding-left: 10px;
padding-bottom: 10px;
background-color: #f7f4b3;
}

/* This block affects the appearance of a code block */
.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* This block affects the appearance of the search bar at the bottom of the page */
#f
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* This block affects the copyright info at the bottom of the page */
.copyright
{
color: black;
font-size: 90%;
}

/* This block removes the default themes side images */
.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

/* This block removes a white line from the bottom part of the page */
.border-bottom
{
display: none;
}

/* This block modifies the "Jump to" text at the bottom of the page */
label
{
color: #362816;
}
Autumn: (added October 22nd 2011)
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Autumn" by Rosehill */
body
{
background-color: transparent;
background-image: none;
background-repeat: repeat;
color: black;
}

html
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/autumnbg.png);
background-repeat: repeat;
}

#wrap
{
background-color: #431a01;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: 2px solid #f2b401;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg16.png);
background-repeat: repeat;
margin-top: 20px;
}

#page-body
{
background-color: transparent;
}

#page-header .navbar, #page-footer .navbar
{
background-color: #c89501;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg16.png);
background-repeat: repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: 10px !important;
border: 1px solid #8a1b03;
}

#page-header .navbar
{
margin-top: -20px !important;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader16.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat;
background-color: #dc9010;
border: 2px solid #f2b401;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
margin-top: 20px;
}

.bg2, .bg1
{
background-color: #c89501;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg16.png);
background-repeat: repeat;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 1px solid #8a1b03;
margin-left: -2px;
}

a:link
{
color: #8a1b03 !important;
}

a.postlink:link
{
border-bottom: none;
text-decoration: underline;
}

a:visited
{
color: #2d0901 !important;
font-style: italic;
border-bottom: none !important;
}

a.postlink:visited
{
text-decoration: underline;
}

a:hover
{
background-color: transparent !important;
color: #431a01 !important;
text-decoration: none !important;
font-style: normal !important;
}

a:active
{
color: #8a1b03 !important;
}

a.fontsize, h2, .border-bottom
{
display: none !important;
}

a.button2:hover, input.button2:hover
{
color: #8a1b03 !important;
border: 1px solid #8a1b03;
}

input.button2
{
background-image: none;
border-color: #8a1b03;
background-color: #431a01;
color: #dc9010;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

span, .icon-ucp, .icon-logout, .leftside icon-home, .icon-home, .border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none !important;
}

h3
{
color: #8a1b03;
background-color: #f2b401;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading16.png);
background-repeat: no-repeat;
text-align: center;
width: 100%;
padding: 10px;
margin-top: -5px !important;
margin-left: -10px !important;
border-bottom: 1px solid #8a1b03;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}

.custom_css_contacttitle
{
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
}

.custom_css_forumtitle
{
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #8a1b03;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

.spoiler .inner
{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #8a1b03 !important;
}

.codebox, blockquote
{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

#f
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

label, option
{
color: #dc9010;
}

.copyright
{
color: #431a01;
font-size: 90%;
}

.icon-gold span
{
color: #8a1b03 !important;
font-weight: bold;
}

.icon-gold
{
visibility: hidden;
}
Halloween: (added October 28th 2011)
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Halloween" by Rosehill */
html
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg17.png);
background-repeat: repeat;
background-color: #a0410d;
}

body
{
color: black;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg172.png);
background-repeat: no-repeat;
background-position: 0% 100% !important;
background-attachment: fixed;
background-color: transparent;
/*min-height: 100%;
border: 1px solid red; */
}

#wrap
{
background-color: black;
border: 0px solid #ffb833;
-moz-border-radius: 30px 10px;
-webkit-border-radius: 30px 10px;
border-radius: 30px 10px;
padding: 15px;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg17_4.png);
border: 1px solid #a0410d;
margin-top: 20px !important;
}

#page-body, #page-header, #page-footer
{
background-color: #ffb833;
padding: 10px;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg17_4.png);
border-left: 1px solid #a0410d;
border-right: 1px solid #a0410d;
}

#page-header
{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-top: 1px solid #a0410d;
margin-top: 20px;
}

#page-footer
{
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 10px;
border-bottom: 1px solid #a0410d;
}

#page-header .navbar, #page-footer .navbar, .bg1, .bg2
{
background-color: #a0410d;
background-image: none;
margin-top: 10px !important;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg17_4.png);
background-repeat: repeat;
border: 1px solid #a0410d;
}

.bg1, .bg2
{
-moz-border-radius: 10px 5px;
-webkit-border-radius: 10px 5px;
border-radius: 10px 5px;
margin-left: -3px;
}

#page-header .navbar, #page-footer .navbar
{
width: 104%;
margin-left: 0px !important;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
border-top-left-radius: 10px;
border-bottom-left-radius: 5px;
border-right: none;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader17.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
background-repeat: no-repeat;
background-color: #a0410d;
-moz-border-radius: 20px 10px;
-webkit-border-radius: 20px 10px;
border-radius: 20px 10px;
border: 1px solid black;

}

a:link
{
color: #ffb833;
border-bottom: none;
text-decoration: underline;
}

a:visited
{
color: orange;
font-style: italic !important;
}

a:hover
{
background-color: transparent !important;
color: black !important;
text-decoration: underline !important;
}

a:active
{
color: black;
}

a.fontsize, h2, .border-bottom, .jumpbox
{
display: none !important;
}


a.button2:hover, input.button2:hover
{
color: #ffb833 !important;
border: 1px solid #ffb833;
background-color: black;
}

input.button2
{
background-image: none;
border-color: black;
background-color: #ffb833;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg17_2.png);
}

span, .icon-ucp, .icon-logout, .leftside icon-home, .icon-home, .border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none !important;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading17_3.png);
background-repeat: no-repeat;
background-position: right;
padding: 10px;
text-align: center;
border-bottom: 1px solid black;
font-size: 120%;
color: black;
}

.custom_css_contacttitle
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading17_1.png);
}

.custom_css_forumtitle
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading17_2.png);
}

.custom_css_signature h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading17_4.png);
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: black;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd, code
{
color: black !important;
}

.spoiler .inner
{
border: 1px solid black !important;
background-color: #ffb833;
padding: 10px;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg17_4.png);
}

.signature
{
max-height: 100%;
}

.copyright
{
color: black;
font-size: 90%;
}

input.button2, .spoiler .inner, .codebox, blockquote
{
-moz-border-radius: 5px 10px;
-webkit-border-radius: 5px 10px;
border-radius: 5px 10px;
}

Christmas: (added December 11th 2011)
Image
Spoiler

Code: Select all

/* Magistream Profile CSS "Christmas" by Rosehill */
html
{
background-color: #591c18;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg18.png);
background-repeat: repeat;
}

body
{
background-color: transparent;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg183.png);
background-repeat: repeat;
color: white;
}

#wrap
{
background-color: #9e0b0f;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg182.png);
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 2px solid white;
}

#page-header .navbar, #page-footer .navbar
{
background-color: transparent;
background-image: none;
}


.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-color: #4b1410 !important;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader18.png) !important;
height: 250px !important;
background-repeat: no-repeat !important;
margin-top: 20px;
background-repeat: no-repeat;
border: 2px solid white;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.bg2, .bg1
{
background-color: transparent;
background-image: none;
border-width: 10px;
-moz-border-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/border18.png) 30 30 round;
-webkit-border-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/border18.png) 30 30 round;
-o-border-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/border18.png) 30 30 round;
border-image:url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/border18.png) 30 30 round;
margin-right: -20px;
}

a:link
{
color: white !important;
text-decoration: underline;
border: none;
}

a:visited
{
color: #1f1f1f !important;
border: none !important;
text-decoration: underline;
}

a:hover
{
background-color: transparent !important;
color: black !important;
text-decoration: none;
}

a.button2:hover, input.button2:hover
{
color: #1f1f1f !important;
border: 1px solid #1f1f1f;
}

input.button2
{
background-image: none;
border-color: white;
color: white;
background-color: #bc2d1d;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

span
{
background-image: none !important;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading18.png);
background-repeat: no-repeat;
background-position: center;
color: white;
text-align: center;
border-bottom: 1px solid white;
font-size: 160%;
padding: 16px;
}

.custom_css_contacttitle, .custom_css_forumtitle
{
background-position: left;
text-align: right;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: white;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

.spoiler .inner, blockquote, .codebox
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.spoiler .inner
{
border: 1px solid white !important;
}

.signature
{
max-height: 100%;
}

label
{
color: black;
}

.copyright
{
color: white;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right, .icon-ucp, .icon-logout, .leftside icon-home, .icon-home, #page-body
{
background-image: none;
background-color: transparent;
}

.border-bottom, h2, a.fontsize
{
display: none;
}
New Year: (added December 27th 2011)
Image
Spoiler

Code: Select all

/* Magistream Profile CSS "New Year" by Rosehill */
html
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg19.png);
background-repeat: repeat;
background-color: black;
background-attachment: fixed;
}

body
{
background-color: transparent;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg19_2.png);
background-repeat: no-repeat;
background-attachment: fixed;
}

#wrap, #page-body
{
background-color: transparent;
}

#page-header .navbar, #page-footer .navbar
{
background-color: transparent;
background-image: none;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 400px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.icon-gold span
{
color: #cc9900 !important;
}

.icon-shards span
{
color: #85c5c8 !important;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader19b.png) !important;
height: 450px !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
height: 450px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

.bg2, .bg1
{
background-color: transparent;
background-image: none;
border: 2px solid #d3c265;
margin-left: -6px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}


a:link
{
color: #753a76 !important;
border-bottom: none !important;
text-decoration: underline;
}

a:visited
{
color: orange !important;
border-bottom: none !important;
text-decoration: underline;
}

a:hover
{
background-color: transparent !important;
color: white !important;
}

a:active
{
color: #753a76;
}

a.button2:hover, input.button2:hover
{
color: #753a76 !important;
border: 1px solid #753a76;
}

input.button2
{
background-image: none;
border-color: #d3c265;
background-color: #efccf3;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 10px;
}

span
{
background-image: none !important;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/heading19.png);
background-repeat: no-repeat;
background-position: top right;
background-color: black;
color: #efccf3;
border-bottom: 2px solid #d3c265;
width: 100%;
margin-left:-10px !important;
margin-top: -4px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
padding: 10px;
text-align: center;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: transparent;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none !important;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd, dt
{
color: #d3c265 !important;
}

.spoiler .inner
{
border: 1px solid #753a76 !important;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 5px;
}

.codebox, blockquote
{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.signature
{
max-height: 100%;
}

label
{
color: #753a76;
}

.copyright
{
color: #efccf3;
font-size: 90%;
}

.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

.border-bottom, a.fontsize, h2
{
display: none;
}

blockquote
{
color: #753a76;
}
Granite: (added July 7th 2012)
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Granite" by Rosehill */

body
{
background-color: #7b6b5d;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg14b.png);
background-repeat: repeat;
background-attachment: fixed;
color: black;
}

#wrap
{
background-color: transparent;
}

#page-body
{
background-color:  #ddc1a6;
border-left: 1px solid black;
border-right: 1px solid black;
}

#page-header .navbar, #page-footer .navbar
{
background-color: #cd8d4e;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg14c.png);
}

#page-header .navbar
{
width: 99.8%;
padding: 0px;
margin-left: 0px !important;
border: 1px solid black;
}

#page-footer .navbar
{
border: 1px solid black;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 202px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader14.png) !important;
background-repeat: no-repeat !important;
background-color: transparent
padding: 0px !important;
margin: 0px !important;
border: 1px solid black;
height: 280px !important;
border-top: none;
}

.bg2, .bg1
{
background-color: #cd8d4e;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg14c.png);
background-repeat: repeat;
margin-top: 10px;
border: 1px solid black;
}

.bg2
{
border-right: none;
}

.bg1
{
border-left: none;
}

a:link
{
color: #332100 !important;
border-bottom: none !important;
text-decoration: underline !important;
}

a:visited
{
color: #bb1212 !important;
border-bottom: none !important;
text-decoration: underline !important;
}

a:hover
{
background-color: transparent !important;
color: black !important;
border-bottom: none !important;
text-decoration: underline !important;
}

a.button2:hover, input.button2:hover
{
color: #ddc1a6 !important;
border: 1px solid black;
background-position: center;
}

input.button2
{
background-image: none;
border-color: black;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg14a.png);
background-position: center;
background-color: #8a3324;
}

h2
{
color: #380804;
font-variant: small-caps;
margin-top: -4px;
margin-bottom: -11px;
border-bottom: 1px solid black;
padding: 10px;
text-align: center;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg14a.png);
background-repeat: repeat-x;
background-color: #8a3324;
text-align: center;
height: 28px;
padding-bottom: 0px;
padding-top: 17px;
padding-left: 10px;
padding-right: 10px;
margin-left: -10px !important;
margin-top: -5px !important;
border-bottom: 1px solid black;
width: 100%;
color: #e5c98b;
font-size: 140%;
}

.custom_css_rank
{
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-left: -10px;
margin-bottom: 5px;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: black;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd, dt
{
color: black !important;
}

.spoiler .inner
{
border: 2px dotted #ddc1a6 !important;
}

.signature
{
max-height: 100%;
}

.jumpbox, .icon-logout
{
margin-right: 10px !important;
}

label
{
color: black;
}

.copyright
{
color: black;
font-size: 90%;
}

.border-bottom, a.fontsize
{
display: none;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home, .border-right, .border-left, .border-top, .border-top-left, .border-top-right, span
{
background-image: none !important;
}

MORE CSSs ON THE NEXT POST!

Rosehill's Freebie Graphics - Profile Customization continue

Posted: October 22nd, 2011, 5:11:01 am
by Rosehill
Image
Custom profiles i.e. CSSs (continued)

Sweet Violet: (added January 19th 2013)
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Sweet Violet" by Rosehill 2013-01-19 */

body
{
background-color: #c3bbdd;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg1.png);
background-repeat: repeat;
color: #120551;
padding-top: 20px !important;
}

#wrap
{
background-color: rgba(19,4,87,0.6);
padding: 10px !important;
padding-top: 30px !important;
width: 940px;
margin-top: -10px;
border: 1px solid #120551;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}

#page-body, #page-header, #page-footer
{
background-color: rgba(205,189,232,0.4);
padding: 20px;
border-left: 1px solid #120551;
border-right: 1px solid #120551;
}

#page-header
{
border-top: 1px solid #120551;
-moz-border-radius: 30px 30px 0px 0px;
-webkit-border-radius: 30px 30px 0px 0px;
border-radius: 30px 30px 0px 0px;
}

#page-footer
{
border-bottom: 1px solid #120551;
-moz-border-radius: 0px 0px 30px 30px;
-webkit-border-radius: 0px 0px 30px 30px;
border-radius: 0px 0px 30px 30px;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px;
width: 850px;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader1.png) !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
border: 1px solid #403282;
height: 250px !important;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.bg2, .bg1, .navbar
{
background-color: rgba(19,4,87,0.4);
border: 1px solid #120551;
background-image: none;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.bg1
{
margin-left: -2px;
}

#page-header .navbar
{
/*border-top: 1px solid #403282; */
margin-top: -29px !important;
}

a:link
{
color: #0d004c !important;
text-decoration: underline;
border-bottom: none;
}

a:visited
{
color: #9383be !important;
font-style: italic;
border-bottom: none !important;
text-decoration: underline;
}

a:hover
{
background-color: transparent !important;
font-style: normal !important;
color: #d4c2eb !important;
text-decoration: none !important;
}

a.button2:hover, input.button2:hover
{
color: #f9f9f1 !important;
border-color: #f9f9f1;
}

input.button2
{
background-image: none;
border-color: #403282;
background-color: #d4c2eb;
color: #403282;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

h3
{
width: 100% !important;
background-image: none;
color: #120551;
text-align: right;
border-bottom: 3px double #120551;
border-bottom-color: rgba(49,31,136,0.4);
padding-right: 20px !important;
margin: 0;
padding: 0;
margin-left: -10px !important;
margin-right: -10px !important;
}

.custom_css_forumtitle
{
margin-left: 0px !important;
text-align: left;
padding-left: 10px;
padding-right: 0px !important;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #120551;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd, dt
{
color: #120551 !important;
}

dt
{
font-weight: bold;
}

.spoiler .inner
{
border: 1px solid #f9f9f1 !important;
background-color: rgba(230,230,230, 0.15);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.codebox, blockquote
{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.signature
{
max-height: 100%;
}

.copyright
{
color: #120551;
font-size: 90%;
}

.border-bottom, a.fontsize, .jumpbox, h2
{
display: none;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home, .border-right, .border-left, .border-top, .border-top-left, .border-top-right, span
{
background-image: none !important;
}
Green Tea: (added January 19th 2013)
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Green Tea" by Rosehill 2013-01-19 */

body
{
background-color: #90a965;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg2.png);
background-repeat: repeat;
color: #0e1902;
padding-top: 10px !important;
}

#wrap
{
background-color: rgba(44,59,23,0.30);
border: 2px solid #0e1902;
padding-top: 20px !important;
}

#page-body
{
background-color: transparent;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px;
width: 850px;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader4.png) !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
height: 250px !important;
border: 3px solid #a7b098;
}

.bg2, .bg1, #page-footer .navbar, #page-header .navbar
{
background-color: rgba(44,59,23,0.50);
background-image: none;
border: 1px solid #0e1902;
}

#page-header .navbar
{
margin-top: -29px !important;
margin-bottom: 15px;
}

.bg1
{
margin-left: -2px;
}

a:link
{
color: #c9ff79;
border-bottom: none !important;
text-decoration: underline;
}

a:visited
{
color: #a7b098 !important;
font-style: italic;
border-bottom: none !important;
text-decoration: underline;
}

a:hover
{
background-color: transparent !important;
color: #90a965 !important;
font-style: normal !important;
text-decoration: none;
}

a.button2:hover, input.button2:hover
{
color: #90a965 !important;
border: 1px solid #90a965;
background-color: #0e1902;
}

input.button2
{
background-image: none;
background-color: #72874d;
color: #0e1902;
border: 1px solid #0e1902;
}

h3
{
background-image: none;
color: #ffffff;
font-size: 120%;
padding-left: 30px;
border-bottom: 1px solid #ffffff;
border-bottom-color: rgba(255,255,255,0.5);
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #0e1902;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd, dt
{
color: #0e1902 !important;
}

dt
{
font-weight: bold;
}

.spoiler .inner
{
border: 1px solid #0e1902 !important;
background-color: rgba(144,168,101,0.5);
}

.signature
{
max-height: 100%;
}

.copyright
{
color: #0e1902;
font-size: 90%;
}

.border-bottom, a.fontsize, h2, .jumpbox
{
display: none;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home, .border-right, .border-left, .border-top, .border-top-left, .border-top-right, span
{
background-image: none !important;
}
Starry Starry Night: (added January 19th 2013)
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Starry Starry Night" by Rosehill 2013-01-19 */

body
{
background-color: #01081a;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg5.png);
background-repeat: repeat;
background-attachment: fixed;
color: #010a1e;
padding-top: 10px !important;
}

#wrap
{
background-color: rgba(30,201,255,0.1);
border: 2px solid #00bffb;
border-color: rgba(0,191,251,0.3);
padding-top: 20px !important;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
}

#page-body
{
background-color: transparent;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px;
width: 850px;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader5.png) !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
height: 250px !important;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.bg2, .bg1, .navbar
{
background-color: rgba(0,102,134,0.7);
background-image: none;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

#page-header .navbar
{
margin-bottom: 10px;
}

a:link
{
color: #0080ff !important;
border-bottom: none !important;
text-decoration: underline;
}

a:visited
{
color: #052f4a !important;
border-bottom: none !important;
text-decoration: underline;
font-style: italic;
}

a:hover
{
background-color: transparent !important;
color: #012976 !important;
border-bottom: none !important;
text-decoration: none;
}

a.button2:hover, input.button2:hover
{
color: #0060ff !important;
border: 1px solid #0060ff;
}

input.button2
{
background-image: none;
color: #010a1e;
border-color: #010a1e;
background-color: #012976;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

h3
{
background-image: none;
color: #010a1e;
border-bottom: 1px solid #010a1e;
}

ul.navlinks, .custom_css_rank
{
border-bottom-color: #010a1e;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd, dt
{
color: #010a1e !important;
}

dt
{
font-weight: bold;
}

.spoiler .inner
{
background-color: rgba(56,109,169,0.4);
border: 1px solid #012976 !important;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

.codebox, blockquote
{
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

.signature
{
max-height: 100%;
}

.copyright, .copyright a
{
color: #00bffb !important;
font-size: 90%;
}

.border-bottom, a.fontsize, .jumpbox, h2
{
display: none;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home, .border-right, .border-left, .border-top, .border-top-left, .border-top-right, span
{
background-image: none !important;
}
Deep Space: (added January 19th 2013)
Image
Spoiler

Code: Select all

/* Magistream Custom Profile CSS "Deep Space" by Rosehill 2013-01-19 */

body
{
background-color: #030010;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15.png);
background-repeat: repeat;
background-attachment: fixed;
color: #9a8e79;
padding-top: 20px !important;
}

#wrap, #page-body
{
background-color: transparent;
}

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.icon-gold span
{
color: white !important;
}

.icon-gold
{
margin-top: 0px !important;
}

.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/msheader15.png) !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
border: 1px solid #232a48;
height: 250px !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.bg2, .bg1, .navbar
{
background-color: rgba(3,0,16,0.8);
background-image: none;
border: 1px solid #232a48;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.bg2
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15e.png);
background-repeat: repeat-y;
background-position: top right;
padding-right: 50px;
float: none !important;
width: 90% !important;
}

.bg1
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15e.png);
background-repeat: repeat-y;
padding-left: 50px;
margin-left: 10px;
width: 90% !important;
float: none !important;
}

.left-box
{
float: right;
width: 24% !important;
}

.left-box.details
{
float: left;
width: 75% !important;
border-right: 1px solid #232a48;
padding-right: 5px;
}

#page-header .navbar
{
margin-top: -29px !important;
margin-bottom: 20px;
}

a:link
{
color: #879964 !important;
text-decoration: underline !important;
border-bottom: none !important;
}

a:visited
{
color: #ebb435 !important;
text-decoration: underline !important;
border-bottom: none !important;
font-style: italic;
}

a:hover
{
background-color: transparent !important;
color: white !important;
font-style: normal;
}

a.button2:hover, input.button2:hover
{
color: #232a48 !important;
border: 1px solid #232a48;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15e.png);
padding-right: 30px;
background-position: center right;
}

input.button2
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15e.png);
padding-right: 30px;
background-position: center right;
background-repeat: no-repeat;
border-color: #383e55;
background-color: #050b2d;
color: #383e55;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15c.png);
background-repeat: repeat-x;
border-bottom: 3px double #383643;
color: transparent;
}

h3.custom_css_contacttitle
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15a.png);
}

h3.custom_css_forumtitle
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15b.png);
}

.custom_css_signature h3
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/bg15d.png);
}

ul.navlinks
{
border-bottom-color: #383643;
}

.custom_css_rank
{
border-bottom: none;
}

.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd, dt
{
color: #9a8e79 !important;
}

dt
{
font-weight: bold;
}

.spoiler .inner
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #232a48 !important;
}

.codebox, blockquote
{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.signature
{
max-height: 100%;
}

.copyright
{
color: #9a8e79;
font-size: 90%;
}

.border-bottom, a.fontsize, h2, .jumpbox
{
display: none;
}

.icon-ucp, .icon-logout, .leftside icon-home, .icon-home, .border-right, .border-left, .border-top, .border-top-left, .border-top-right, span
{
background-image: none !important;
}

Rosehill's Freebie Graphics - Miscellaneous and tutorials

Posted: October 22nd, 2011, 5:11:21 am
by Rosehill
Image
Miscellaneous

Cards
Image Image Image Image
Spoiler
Valentines Day card:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentines-card.png[/img]
St. Patrick's Day card:

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/stpatricscard.png[/IMG]
Christmas card 1:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/card2.png[/img]
Christmas card 2:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/card3.png[/img]
Valentines Cards
Image Image Image Image Image Image
Spoiler
Hummingbirds:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-card1.png[/img]
Sideraes:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-card2.png[/img]
Lucinis birds:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-card3.png[/img]
Soladis Swans:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-card4.png[/img]
Sarvain:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-card5.png[/img]
Rose Imps:

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/valentine-card6.png[/img]

Sprite recolours
If you want to use these as it is in signatures or as an avatar, feel free to do so. If you want to use these as part of a signature set or in any other manner that requires combining or modifying these, please ask my permission before doing so. (:

Hummingkiwis: (original sprites by Glasswalker, colours from BettyxMe's Hummingbirds)
Image
Spoiler

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/hummingkiwis.gif[/img]
Kiwipeacock: (original sprites by Glasswalker)
Image
Spoiler

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/kiwipeacock.gif[/img]
The Moss Snail's heavy metal cousin, the Mosh Snail! (original sprites by Cassowary/Munin and Glasswalker)
Image
Spoiler

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/moshsnail.png[/img]
Shamrock Skunk! (original sprite by DarrkestDrow)
Image Image
Spoiler

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/shamrockskunk.png[/IMG]

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/shamrockskunk2.png[/IMG]
Green Asaento Butterfly (original sprite by Lazuli)
Image Image
Spoiler

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/greenasaento2.png[/IMG]

Code: Select all

[IMG]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/greenasaento.png[/IMG]
Voltarian Serpaen (Original sprite and Voltarian colours by GlassWalker)
ImageImage
Spoiler

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/voltarianserpaen.gif[/img]

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/voltarianserpaenr.gif[/img]
Arcanum Alphyn (Original sprites by GlassWalker)
Image
Spoiler

Code: Select all

[img]http://i793.photobucket.com/albums/yy217/jrosehill/artthread/arcanumalphyn.gif[/img]

Tutorials
Here you'll find tutorials of certain things that I make. I show the way I do things and there are many other ways of doing them. Play around and try new stuff: keep the results you like and ditch the ones you don't. ^^

Signature set tutorial
Spoiler
Here's the signature set made during the tutorial:

Image
Text and creatures
And links
And banners
And enough
Other stuff here.
So they
Will push
The lower image
To the bottom.
Image


I use Adobe Photoshop CS3 to make all my graphics so this tutorial is for that one as well. The process itself is quite simple so I see no reason why the steps described here wouldn't work on GIMP or Paint Shop Pro or other graphics programs with layer and brush capabilities, though you might need to use tools with different names or something. I'm not that familiar with other graphics programs. :P

The images are a bit too big for the thread so I've included links to the same images is you want to view them separately.

1) Preparation
Image
(Link to picture)

I create a new document with width of 620px and height of 300px and transparent background. I color the background with #e4e4b4 which is the colour of Magistream's threads' background. The background layer won't be included in the final signature set, but I like to have it in the working phase as I can then see how the set will look like in an actual post.

I create a few guides to help me with the positioning of elements. Most of my signature sets are a standard size: side bars are 300px tall and 120px wide and top and bottom bars are 50px tall and 360px wide, so I create vertical guides at 120px and 500px (these line the side bars). I also make a second set of vertical guides at 130px and 490px. These line the top and bottom bars. As you notice, there is a 10px gap between the guides. I do this in order to make the set fit. If I just cut the image from the 120px and 500px guides, the top and bottom bars would be pushed under the side bars and wouldn't show up on the signature. I've used gaps of 5px as well, but I prefer the 10px. Then I make two horizontal guides, at 50px and 250px to finish lining the top and bottom bars. The 50px height is just my preference, I've made sets with taller as well as shorter horizontal bars.

The 620x300 set will show correctly on posts. If you want to make a set that will show correctly on PMs and signature preview as well, start with a document of 490px x 300px. The horizontal bars I have on the smaller signature sets are 240px wide, so the guides would be at 120px, 125px, 365px and 370px vertical and 50px and 250px horizontal. Of course, these are again just preferences, the sig sets can be virtually any size as long as they stay within the size limits of the signature area.


2) Putting the creatures in
Image
(Link to picture)

I open the image of the creature I want to use, copy it and paste it onto my working document into a new layer. I position it the way I figure I want it in the set and then either place a different creature on the other side or the same one (on a new layer, again), only flipped the other way around so the creatures are mirroring each other.

I then open the image of the creature I want to use on the top and bottom bars (if I want to, sometimes I won't put a creature there) and again position the image or images the way I want (each creature on its own layer). Sometimes the positioning changes throughout the process if I feel like the creature images should be in another way, so consider the first positioning as the sketching phase.

(You might notice that my bottom guide is on a bit higher than it was on the first picture. This is due to the Amphista hatchling sprite being 53px tall so it wouldn't fit inside my 50px area, so I made the bottom area 55px tall.

3) Putting all other stuff in
Image
(Link to picture)

Now we'll get to the real action! I create a new layer under the creature layers but on top of the background layer. I pick a couple of colours, usually by using the eydropper tool on a zoomed in picture of the creature. That way I can keep to the colour theme of the creature and the style of the signature set stays consistent on that part.

I choose a brush I feel suits the creature and the feel I want for the set and plop the brush down under the left side creature. I may then change the dimensions of the brush or rotate it or flip it to get it fit like I want it to.

4) I repeat step 3 as many times as I feel like with different colours and different brushes every time on a new layer until I'm satisfied with how the left side of the set looks like.
Here's an animation of what kind of brush layers the Amphista sig set's sides have from bottom to the top:
Image
(Link to picture)

5) If I want the same kind of sides I duplicate all the layers made in steps 3 and 4, flip them horizontally and drag them to the right side. If I want a different kind of right side I'll repeat steps 3 and 4 until I have the right side done as well.

6) Using the same method as described in steps 3 and 4 I make the bottom or top bar, whichever I feel like doing first and then either duplicate it and flip it over or make the other one manually if I want it to be different than the other one.

7) Once I'm done with all the brush planting I take a look of the overall look of the signature set and do some final tweakings or repositionings if necessary.
Image
(Link to picture)

8) Breaking the picture in pieces
Image
(Link to picture)
Image
(Link to picture)

Now I have a finished signature set, but it's all in one big picture and can't be used like that. I make the background layer invisible so the actua thread background colour can be seen as the background once the set is in use and use the crop tool to cut the pieces according to the guides I've made. I save each separate piece as its own .png document to maintain the transparency.


9) Once I have all the four pieces of the signature set I upload them to my photobucket. Since the image addresses are so long I use bit.ly to shorten the image addresses and then place the short addresses to the correct places on the text frame I have for a signature set. All done! Hooray!

The text frame:

Code: Select all

[imgleft]left side image url here[/imgleft][imgright]right side image url here[/imgright]
[center][img]top image url here[/img]
Normal signature stuff is here
[img]bottom image url here[/img][/center]

Profile header tutorial for the new MS layout with same size images as MS default (850px x 315px + 938px x 72px
Spoiler
Tutorial for custom header and link images on the new Magistream layout
The new Magistream layout with the big Keep image and the link banner underneath that are two separate images. The big image holds a link to the Magistream main page and the link banner image holds the link texts for the rest of the navigation.

This is a tutorial showing how to do and display your own header image and link bar image on your profile page. The link bar image is harder as if you want the link texts to be on the right position you need to put the words on the image on the right places.

Header image
This is the big image on the top of the page.
1) Make a new empty image with 850 pixels width and 315 pixels height.
2) Put in stuff you want. This image is now done!

Link bar image
This is the image behind the "Forum", "Shops", "Trades" etc. links
1) Make a new empty image with 938 pixels width and 72 pixels height.
2) The words should be on the following positions to get the links appear working properly (these are pixels on the horizontal scale):
Forum: 199px - 286px
Shops: 314px - 401px
Trades: 418px - 517px
The Keep: 534px - 635px
World: 673px - 761px
Donate: 786px - 889px
Like in this example image: [image]

Please note that the word "Donate" goes a little bit over the font size changer icon (The A with a downward and upward arrows on the top right) if the image background is solid throughout the height. See [example]. If you look at the default link banner you can see that it isn't a solid scuare block but instead has curves, one which leaves the font size changer icon visible. So play with the image and remember that if you leave transparent pieces on it you need to save the image either in .png format or in .gif format. ^_^

To get your new header image to show up, put this in your User Control Panel's Custom CSS field:

Code: Select all

.headerbar img
{
opacity: 0;
}
.headerbar
{
background-image: url(IMAGE ADDRESS GOES HERE) !important;
}
To get the link bar image to show up on your profile, put this in your UCP's Custom CSS field:

Code: Select all

.header_nav img
{
opacity: 0.0;
}
.icon-gold img
{
opacity: 1 !important;
}
.header_nav
{
background-image: url(IMAGE ADDRESS GOES HERE);
width: 938px;
}
Profile header tutorial for the new MS layout with old size image (850px x 250px)
Spoiler
In the header image the most important part is to get the link words ("Forum", "Shops", "Trades" etc.) to their proper places so that the links will work on the proile pages as intended.

1) Start by making a new empty canvas of 850 pixels wide and 250 pixels tall
2) The link areas of the words are approximately these
Forum: top: 196px, bottom: 244px, left: 155px, right: 242px
Shops: top: 196px, bottom: 244px, left: 270px, right: 357px
Trades: top: 196px, bottom: 244px, left: 374px, right: 473px
The Keep: top: 196px, bottom: 244px, left: 490px, right: 591px
World: top: 196px, bottom: 244px, left: 629px, right: 717px
Donate: top: 196px, bottom: 244px, left: 742px, right: 845px

You can also download a base image from here: [image] if you don't feel like figuring where to put the words based on those coordinates. (:
3) Put all the actual image stuff in the picture. You're done!

To get your freshly made header image to show on your profile you'll need to put this code in your user control panel's Custom CSS field:

Code: Select all

.headerbar img, .header_nav img
{
opacity: 0.0;
}

.headerbar img
{
height: 250px !important;
width: 850px !important;
}

.header_nav
{
margin-top: -50px;
}

.icon-gold img
{
opacity: 1;
}

.headerbar
{
background-image: url(YOUR IMAGE ADDRESS HERE) !important;
background-repeat: no-repeat !important;
height: 250px !important;
}
Profile Customization (full CSS) tutorial
NOTE! This tutorial has not bee updated to match the new MS header layout!
Spoiler
Foreword:
There are many ways to customize the profile pages. I'll show the way I do it, but play around, find the way that suits you best. The things you can do with CSS are vast in number so pretty much only your imagination is the limit. This site is a good resource in checking what different kinds of CSS codes do. CSS3 codes also work on most browsers and it provides many cool features that are not available on earlier versions of CSS. The standard of CSS3 isn't yet complete so there might be slight variances how the syntax is made to affect different browsers, though. If you're interested in HTML, PHP, Javascript or a number of different web site techniques the site covers them as well.

In this tutorial I'll be using only CSS codes and images. I also have a really helpful plugin for my Firefox, called the FireBug. It allows me to change the CSS in a small screen under the page and then shows how the changes modify the look of the page in real time. In this way you don't have to save the code in your user control panel and refresh the profile page every time you want to check a small change. The changes made in FireBug are not permanent, the page reverts back to its normal self once you refresh the page. The changes you make in FireBug are only visible to you, so even if I'm messing with my profile on FireBug everyone else visiting my profile page would see the kind of page I've defined in my user control panel.

I will not teach you what each piece of CSS code does. You can dig around the site I linked to and start trying different things and learn that way. It's usually much more efficient than someone else telling you "do this" or "put in this kind of text". ^_^

How to get the CSS to work on your MS profile:
In order to get a CSS to show up on your profile page, go to your user control panel and choose the Profile tab. Scroll down until you find a field labelled "Custom CSS". That is where you will paste the CSS when you're done.

Image
(Link to the image)

PLEASE NOTE!
You should NOT have any html or bbcode formatting on your css. If you see text inside "<" and ">" or inside "[" and "]", take all those off. Adding html or bbcode elements to your css won't do anything except make your css-code look messy (usually they won't affect the look of the web page, though).

==================================================================================

1) Preparation:
I start by desiding a color scheme (either based on the wishes of the person who requested the CSS or if it's a freebie, from the header image to get the page style stay consistent). For the sake of this tutorial I chose my Freebie header "Fudgy Goodness" as the starting point.

2) I open up my profile page, open FireBug, go to CSS tab, choose the css with lots of numbers (it will always start with your user-id and it's always the personal css that the changes are saved to when you post something on your UCP's Custom CSS slot, the others are general and mutual).

Image
(Link to the image)

I click "Edit" and paste my ready-made CSS base structure on it, which modifies the page's layout immediately.
Image
(Link to the image)

You can find the base CSS structure I have used in the past under the spoiler. I've made comment lines to it telling which part does which. So everything you see between "/*" and "*/" does not affect the actual look of the page. If you use it without severe modification, please leave the first comment line intact. I also have a refined version of the base structure code a little further down.

Here's also an image that shows the names of the key elements of a MS profile page and how they are positioned there. (It's a HUGE one, so it's only as a link, as will all other images for the rest of this tutorial.)
Old base structure:

Code: Select all

/* Magistream Profile CSS base structure by Rosehill */

/* This block affects the overall background of the page */
body
{
background-image: none !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
color: black !important;
background-color: white;
}

/* This block affects the area in the middle, behind everything else  */
#wrap
{
background-color: red;
}

/* This block affects the area behind the content panels */
#page-body
{
background-color: pink !important;
}

/* This block affects the top navigation bar */
#page-header .navbar
{
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: yellow !important;
background-image: none !important;
}

/* This block affects the bottom navigation bar */
#page-footer .navbar
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
background-color: yellow !important;
background-image: none !important;
}

/* This block affects the headerbar */
.headerbar
{
background-image: none !important;
background-repeat: no-repeat !important;
background-color: green !important;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 1px solid black;
}

/* This block affects the content panels. .bg1 is the one with avatar and .bg2 is everything else */
.bg2, .bg1
{
background-color: yellow !important;
background-image: none !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}


/* This block affects the way links are displayed when they are in their normal state */
a:link, a:active
{
color: red !important;
}

/* This block affects the way links are displayed when the link has been visited */
a:visited
{
color: red !important;
}

/* This block affects the way links are displayed when the mouse is brought on top of them */
a:hover
{
background-color: transparent !important;
color: black !important;
}

/* This block hides the font size changer "A" icon from the top right */

a.fontsize
{
display: none !important;
}


/* This block controls the mouseover color of the spoiler buttons */
a.button2:hover, input.button2:hover
{
color: blue !important;
}

/* This block affects the overall look of the spoiler and go buttons  */
input.button2
{
background-image: none !important;
border-color: black !important;
background-color: brown;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* This block hides all the white little round corners from the panels  */
span
{
background-image: none !important;
}

/* This block affects the "Viewing Profile - [username]" -part */
h2
{
margin-left: 20px;
}

/* This block affects the "Contact [username]", "user statistics", "about me" and "signature" texts */
h3
{
background-image: none !important;
background-repeat: no-repeat;
background-position: right;
border-bottom-color: black;
font-size: 1.5em;
color: black;
}

/* This block affects the line under the avatar and the line under "index page" link on the top navigation bar */
ul.navlinks, .custom_css_rank
{
border-bottom-color: black;
}

/* This block hides all the small white icons from the profile  */
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none !important;
}

/* This one affects the  */
.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

/* This block affects the appearance of the box that open when a spoiler is opened */
.spoiler .inner
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid black !important;
padding-left: 10px !important;
padding-bottom: 10px !important;
}

/* This block affects the appearance of a code block */
.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left: -7px !important;
}

/* This block affects the appearance of the search bar at the bottom of the page */
#f
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* This block affects the copyright info at the bottom of the page */
.copyright
{
color: black !important;
font-size: 90% !important;
}


/* This block removes the default themes side images */
.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none !important;
background-color: transparent !important;
}

/* This block removes a white line from the bottom part of the page */
.border-bottom
{
display: none !important;
}
New base strcuture:

Code: Select all

/* Magistream Profile CSS base structure version 2.0 by Rosehill */

/* This block affects the overall background of the page */
body
{
background-color: maroon;
background-image: none;
color: black;
}

/* This block affects the area in the middle, behind everything else  */
#wrap
{
background-color: red;
}

/* This block affects the area behind the content panels */
#page-body
{
background-color: pink;
}

/* This block affects the top navigation bar */
#page-header .navbar
{
background-color: yellow;
background-image: none;
}

/* This block affects the bottom navigation bar */
#page-footer .navbar
{
background-color: yellow;
background-image: none ;
}

/* This block affects the headerbar */
.headerbar
{
background-image: none;
background-repeat: no-repeat;
background-color: green;
}

/* This block affects the content panels. .bg1 is the one with avatar and .bg2 is everything else */
.bg2, .bg1
{
background-color: blue;
background-image: none;
}


/* This block affects the way links are displayed when they are in their normal state */
a:link, a:active
{
color: red;
}

/* This block affects the way links are displayed when the link has been visited */
a:visited
{
color: orange;
}

/* This block affects the way links are displayed when the mouse is brought on top of them */
a:hover
{
background-color: transparent;
color: black;
}

/* This block hides the font size changer "A" icon from the top right */

a.fontsize
{
display: none !important;
}


/* This block controls the mouseover color of the spoiler and go buttons */
a.button2:hover, input.button2:hover
{
color: blue !important;
}

/* This block affects the overall look of the spoiler and go buttons  */
input.button2
{
background-image: none;
border-color: black;
background-color: brown;
}

/* This block hides all the white little round corners from the panels  */
span
{
background-image: none !important;
}

/* This block affects the "Viewing Profile - [username]" -part */
h2
{
margin-left: 20px;
}


/* This block affects the "Contact [username]", "user statistics", "about me" and "signature" texts */
h3
{
background-image: none;
}

/* This block affects the line under the avatar and the line under "index page" link on the top navigation bar */
ul.navlinks, .custom_css_rank
{
border-bottom-color: black;
}

/* This block hides all the small white icons from the profile  */
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none !important;
}

/* This one affects the font color of most of the content panels  */
.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, .custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

/* This block affects the appearance of the box that opens when a spoiler is opened */
.spoiler .inner
{
}

/* This block affects the appearance of a code block */
.codebox
{
}

/* This block affect the appearance of a code block that's in the signature */
.signature .codebox
{
}

/* This block affects the appearance of the location jump bar at the bottom of the page */
#f
{
}

/* This affects the "Jump to:" text in the lower part of the page */
label
{
color: black;
}

/* This block affects the copyright info at the bottom of the page */
.copyright
{
color: black !important;
font-size: 90% !important;
}

/* This block removes the default themes side images */
.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none;
background-color: transparent;
}

/* This block removes a white line from the bottom part of the page */
.border-bottom
{
display: none;
}

/* This block affects quote appearance */
blockquote
{
}

/* This block affects the appearance of a level 2 quote i.e. a quote inside a quote */
blockquote blockquote
{
}

/* This block affects the appearance of a level 3 quote i.e. a quote inside a quote that's inside a quote */
blockquote blockquote blockquote
{
}
3) Putting the actual stuff in!
Now all I need to do is modify the base CSS I pasted on FireBug. (Of course all these changes can be made without FireBug as well! I just like to see immediately what it will look like so I know if I'll haveto change it.) I start by assigning various background colours. Even if I intend to use a picture as a background for some element I like to make the colours match the theme in case the images won't show for some reason (e.g. my workplace has blocked all photobucket images).

These are the changes I made to the background colours at this point:
-from "body" block changed "background-color: white;" to "background-color: #e2dfaf;"
-from "#wrap" block changed the background-color value from "red" to "#866c43"
-from "#page-body" block changed the background-color value from "pink" to "transparent" as I don't want to see that background at all
-from "#page-header .navbar", "#page-footer .navbar" and ".bg2, .bg1" blocks changed the background-color value from "yellow" to "#f7f4b3"
-from ".headerbar" changed the background-color value from "green" to "#c8c691".

All the new colour values were gotten from the header image.

This is what the page looks like at this point. Already much better than the base structure.

4) Next I put in the background images, now that I can rest assured that even if the images aren't showing, the colours match.

These are the changes I made to the "background-image" property of different blocks:
-from "body" block changed "background-image: none !important" to "background-image: url(http://i793.photobucket.com/albums/yy21 ... ts/bg3.png) !important;" (the !important" in the end means that the property defined here will override the default. Some properties are not defined in the default css so they don't need to be overwritten, but some do.)
-to "#wrap" block added the following: "background-image: url(http://i793.photobucket.com/albums/yy21 ... /bg3w2.png);"
-from ".headerbar" block changed the value "none" to "url(http://i793.photobucket.com/albums/yy21 ... eader3.png)"

Here's how it looks after these changes.

5) Now I want to tweak the backgrounds a little bit so I'm going to change the shape and border of the dark brown area (#wrap), modify the border of the headerbar (.headerbar), make the light yellowish content panels a bit transparent (.bg2, .bg1, #page-header .navbar, #page-footer .navbar) and make the spoiler buttons (input.button2) and spoiler boxes (.spoiler) match the theme.

These are changes I made:
a) to "#wrap" block I added these 5 lines:
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
border: 4px double #362816;
padding: 0px;
The first three make the corners rounded. There are three lines because different browsers need different prefixes with this one. The fourth line makes borders around the area. Because the second word in the code is "double", it makes two solid lines. The last line makes the area a bit more compact and draws it closer to the other panels.

b) in ".headerbar", "#page-header .navbar" and "#page-footer.navbar" block I made these changes:
-added the line "background: rgba(247,244,179,0.7) !important;" to all, to make the panels a bit transparent
-changed ".headerbar"'s "border: 1px solid black;" to "border: 3px double #362816;" and added "border: 3px double #362816;" to the two other blocks.
-added the line "border-top: none;" to the "#page-header .navbar" block to get rid of the border between the navbar and the header bar
-added the line "margin-left: -10px;" to the ".headerbar" block, as giving the panels a border threw the other panels underneath the avatar panel.

c) in block "a.button2:hover, input.button2:hover" changed the line "color: blue !important" to: "color: #362816 !important;". This modifies the spoiler button's hover over colour

d) in block "input.button2" changed the line "border-color: black !important" to "border-color: #362816 !important;" and the line "background-color: brown;" to "background-color: #866c43;". These modify the overall look of the spoiler button.

e) in block ".spoiler .inner" I changed the line "border: 1px solid black !important;" to "border: 1px solid rgba(54,40,22,0.8) !important;" and added the line "background-color: #f7f4b3;". These affect how the opened spoiler is shown.

The look at this point.

6) Now I want to make the headings a bit different as well as change the colour of the links:

a) changed the line "color: red !important;" to "color: #362816 !important;" in blocks "a:link, a:active" and "a:visited"
b) changed the line "color: black !important;" to "color: #7f6034 !important;" in block "a:hover".
c) In "h3" block if changed the line "color: black;" to "color: #362816;" and the line "border-bottom-color: black;" to "border-bottom-color: #362816;" and added the line "text-align: center;"
d) in "h2" block I removed the line "margin-left: 20px;" and added the line "color: rgba(247,244,179,0.7);"
e) I also added:
label
{
color: #362816;
}
to the end of the CSS to make the "Jump to" text more visible.

And that's it! :omg:

Here's the finished layout (the image is fuzzy since photobucket likes to resize the images to their liking... -_-)

And here's the finished CSS with comments: Feel free to take the base CSS or this or any of the freebie CSSs I've posted and play around. ^_^

Code: Select all

/* Magistream Profile laout "Fudgy Goodness" by Rosehill */

/* This block affects the overall background of the page */
body
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/bg3.png) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
color: black !important;
background-color: #e2dfaf;
}

/* This block affects the area in the middle, behind everything else  */
#wrap
{
background-color: #866c43;
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/layouts/bg3w2.png);
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
border: 4px double #362816;
padding: 0px;
}

/* This block affects the area behind the content panels */
#page-body
{
background-color: transparent !important;
}

/* This block affects the top navigation bar */
#page-header .navbar
{
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
background-color: #f7f4b3 !important;
background-image: none !important;
background: rgba(247,244,179,0.7) !important;
border: 3px double rgba(54,40,22,0.8);
border-top: none;
}

/* This block affects the bottom navigation bar */
#page-footer .navbar
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; 
background-color: #f7f4b3 !important;
background-image: none !important;
background: rgba(247,244,179,0.7) !important;
border: 3px double rgba(54,40,22,0.8);
}

/* This block affects the headerbar */
.headerbar
{
background-image: url(http://i793.photobucket.com/albums/yy217/jrosehill/artthread/header3.png) !important;
background-repeat: no-repeat !important;
background-color: #c8c691 !important;
-moz-border-radius: 12px;
-webkit-border-radius:12px;
border-radius: 12px;
border: 3px double #362816;
}

/* This block affects the content panels. .bg1 is the one with avatar and .bg2 is everything else */
.bg2, .bg1
{
background-color: #f7f4b3 !important;
background-image: none !important;
background: rgba(247,244,179,0.7) !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 3px double rgba(54,40,22,0.8);
margin-left: -10px;
}


/* This block affects the way links are displayed when they are in their normal state */
a:link, a:active
{
color: #362816 !important;
}

/* This block affects the way links are displayed when the link has been visited */
a:visited
{
color: #362816 !important;
}

/* This block affects the way links are displayed when the mouse is brought on top of them */
a:hover
{
background-color: transparent !important;
color: #7f6034 !important;
}

/* This block hides the font size changer "A" icon from the top right */

a.fontsize
{
display: none !important;
}


/* This block controls the mouseover color of the spoiler buttons */
a.button2:hover, input.button2:hover
{
color: #362816 !important;
}

/* This block affects the overall look of the spoiler and go buttons  */
input.button2
{
background-image: none !important;
border-color: #362816 !important;
background-color: #866c43;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* This block hides all the white little round corners from the panels  */
span
{
background-image: none !important;
}

/* This block affects the "Viewing Profile - [username]" -part */
h2
{
/* margin-left: 20px; */
color: rgba(247,244,179,0.7);
}


/* This block affects the "Contact [username]", "user statistics", "about me" and "signature" texts */
h3
{
background-image: none !important;
border-bottom-color: #362816;
font-size: 1.5em;
color: #362816;
text-align: center;
}

/* This block affects the line under the avatar and the line under "index page" link on the top navigation bar */
ul.navlinks, .custom_css_rank
{
border-bottom-color: black;
}

/* This block hides all the small white icons from the profile  */
.icon-ucp, .icon-logout, .leftside icon-home, .icon-home
{
background-image: none !important;
}

/* This one affects the font color of most of the content panels  */
.custom_css_location, .custom_css_age, .custom_css_Gender, .custom_css_joined, .custom_css_lastvisit, .custom_css_totalposts, 

.custom_css_interests, .content, .custom_css_occupation, dd
{
color: black !important;
}

/* This block affects the appearance of the box that open when a spoiler is opened */
.spoiler .inner
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid rgba(54,40,22,0.8) !important;
padding-left: 10px !important;
padding-bottom: 10px !important;
background-color: #f7f4b3;
}

/* This block affects the appearance of a code block */
.codebox
{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left: -7px !important;
}

/* This block affects the appearance of the search bar at the bottom of the page */
#f
{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/* This block affects the copyright info at the bottom of the page */
.copyright
{
color: black !important;
font-size: 90% !important;
}

/* This block removes the default themes side images */
.border-right, .border-left, .border-top, .border-top-left, .border-top-right
{
background-image: none !important;
background-color: transparent !important;
}

/* This block removes a white line from the bottom part of the page */
.border-bottom
{
display: none !important;
}

/* This block modifies the "Jump to" text at the bottom of the page */
label
{
color: #362816;
}

Re: Rosehill's Freebie Graphics (new CSS Oct 22nd: Autumn)

Posted: October 22nd, 2011, 12:08:44 pm
by Chuckeh
Woo.
:woo:
New thread, yay.
Thank you for the free graphics, oh and I <3 the Autumn CSS, if you don't mind I'm gonna use it.

Re: Rosehill's Freebie Graphics (new CSS Oct 22nd: Autumn)

Posted: October 22nd, 2011, 5:41:27 pm
by aurora37
This is great! :D I love your art, Rosehill. <3 :wave:

Re: Rosehill's Freebie Graphics (new CSS Oct 22nd: Autumn)

Posted: October 22nd, 2011, 9:17:51 pm
by AngieRae
They are all so pretty :t-swoon:
I used one of the profile headers the one that I like the best :t-:)

Re: Rosehill's Freebie Graphics (new CSS Oct 22nd: Autumn)

Posted: October 23rd, 2011, 12:57:15 am
by audioburst
These are awesome! :yey:

Nommed Snagged teh fudjay goodness. ^^