Stellastars ([info]stellastars) wrote in [info]stelladesigns,
@ 2009-02-18 18:30:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Entry tags:basic account, bloggish, blue, chrome, firefox, ie7, insanejournal, layout, livejournal, mosaic, opera, paid account, pink, plus account, s2, safari

Layout #4 -- Gold & Glass Mosaic
Name: Gold & Glass Mosaic
Layout Style: S2 Bloggish
Best view: 1024x768 and up
Browser(s) Compatible: Tested in Firefox3, Chrome1, IE7, Opera9, and Safari3
Account Levels: All
Work with Nav bar?: Yes
Work with Ads?: Yes, Vertical Placement only.
Credit: [info]stellastars or [info]stelladesigns in user info, please.
Preview: Click images for Full-Size Preview or Live Preview of Aqua and Live Preview of Rose.








Notes:
-- If you have any questions about the directions, please ask.
-- Some mosaic "tiles" are made with Floralia Font by Manfred Klein available on dafont.
-- This layout was created for the Non-Competitive Layout Challenge at [info]thefulcrum.
ETA: Images and code updated 2/20/09.
ETA2: Code updated 3/2/09 to make compatible with Chrome and Safari browsers.



DIRECTIONS for LIVEJOURNAL:
1. Go to customize journal.
2. Type "Bloggish" into the search box.
3. Choose "Unstyled" as your theme.
4. In the "Current Theme" box, click on "Change page setup."
5. Important: Select "2 Column (sidebar on right)".
5.5 If using a "plus" account, set "Ad Placement" on "Vertical."
6. Click on "Customize Selected Theme."
7. Click on "Custom CSS" in the menu on the left.
8. Leave "Use layout's "Base Weblog" stylesheet" on "Yes" and leave "Custom external stylesheet URL" blank.
9. Copy the Code from the textbox below and paste in the "Custom stylesheet" box.


10. Select one of the Color Schemes below (Aqua or Rose). Copy the code and paste into the "Custom stylesheet" box beneath the "Code".






10.5 (Optional) Save the images to your own image host and replace their URLs in the code.
11. Click "Save Changes."




Directions for InsaneJournal available here.



ETA3: Please consider uploading images to your own image host to help me save on bandwidth! Thank you!


Aqua


wrapg.png
psbetag.png
containg1.png
containg2.png
pgbdyg.png
footerg.png
alpha1g.png
alphain1g.png
navg.png
modg.png
mosg.png
linkg.png
lig.png
tagg.png
pgsumg.png
syng.png
rssg.png
atomg.png
pow2g.png
adsbg.png
adstg.png
 
Rose


wrapp.png
psbetap.png
containp1.png
containp2.png
pgbdyp.png
footerp.png
alpha1p.png
alphain1p.png
navp.png
modp.png
mosp.png
linkp.png
lip.png
tagp.png
pgsump.png
synp.png
rssp.png
atomp.png
pow2p.png
adsbp.png
adstp.png




(31 comments) - (Post a new comment)


[info]grrliz
2009-02-19 08:43 pm UTC (link)
Psst, the images don't link to bigger screen shots. :)

(Reply to this) (Thread)


[info]stellastars
2009-02-20 12:28 am UTC (link)
*sheepish* I knew I'd forgotten something! Thanks for the note about it. All fixed now! :D

And thanks for the extension on the challenge -- I was having an issue with photobucket last night so now I have a chance to update a couple images in the code.

(Reply to this) (Parent)


[info]purkledragon
2009-03-05 06:10 am UTC (link)
Very nice.

(Reply to this) (Thread)


[info]stellastars
2009-03-06 12:12 am UTC (link)
Thank you! Glad you liked it!

(Reply to this) (Parent)


[info]deathbytamarind
2009-03-09 12:42 am UTC (link)
this is very lovely.

(Reply to this) (Thread)


[info]stellastars
2009-03-09 01:17 am UTC (link)
Thank you! I'm glad you liked it!

(Reply to this) (Parent)


[info]charisma_doll
2009-03-09 01:00 am UTC (link)
this is very lovely.
*mems*

(Reply to this) (Thread)


[info]stellastars
2009-03-09 01:17 am UTC (link)
Thank you very much! I'm pleased to hear you liked it!

(Reply to this) (Parent)


[info]kisekileia
2009-03-09 01:18 am UTC (link)
I love it in general, but it would help a lot for me if the main column was wider. The status quo is really bad for nested comments in my journal.

(Reply to this) (Thread)


[info]stellastars
2009-03-10 12:45 am UTC (link)
Ooo, thank you for mentioning about the nested comments. I don't have designed comment pages on my own journal, so I don't always have the best feel for how they work. I'm definitely going to have to keep this -- widening the main column -- in mind for my next layout.

(Reply to this) (Parent)(Thread)


[info]kisekileia
2009-03-10 12:49 am UTC (link)
You're welcome. There might be a risk of horizontal scroll bars showing up on non-widescreen monitors if you make it TOO much wider, but I think you still have some room to spare, and I think it's possible to make flexible-width layouts. As it is, I think the main column (i.e. the pink/aqua part) only filled just over half the width of my widescreen laptop screen.

Edited at 2009-03-10 12:51 am UTC

(Reply to this) (Parent)


[info]hillarygayle
2009-03-09 02:46 am UTC (link)
This is a great layout, and it would look great it about a hojillion color schemes. Simply gorgeous.

(Reply to this) (Thread)


[info]stellastars
2009-03-10 12:47 am UTC (link)
Thank you very much! Glad you liked it!

(Reply to this) (Parent)


[info]starbooks
2009-03-09 01:54 pm UTC (link)
this is gorgeous, using the blue one now!

(Reply to this) (Thread)


[info]stellastars
2009-03-10 12:48 am UTC (link)
Thank you! I'm pleased to hear you liked it!

(Reply to this) (Parent)


[info]crossthebar
2009-03-09 05:47 pm UTC (link)
lovely, gorgeous

(Reply to this) (Thread)


[info]stellastars
2009-03-10 12:50 am UTC (link)
Thank you!

(Reply to this) (Parent)


[info]graylor
2009-05-26 01:34 am UTC (link)
Absolutely beautiful!

(Reply to this) (Thread)


[info]stellastars
2009-05-26 02:33 am UTC (link)
Thank you!

(Also, much love for your icon!)

(Reply to this) (Parent)(Thread)


[info]graylor
2009-05-26 05:28 am UTC (link)
Thanks! It's gankable (with credit to [info]ladytalon at obsessiveicons).

(Reply to this) (Parent)


[info]anime_n_u
2009-06-06 01:31 pm UTC (link)
Thanks it looks very beautiful...

(Reply to this) (Thread)


[info]stellastars
2009-06-07 03:13 am UTC (link)
Thank you! Glad you liked it!

(Reply to this) (Parent)


[info]mamakitty729
2009-06-23 03:25 pm UTC (link)
So pretty! I'm using the... uh... aqua & green, I think. I tested them both, but I'm pretty sure I stuck with the aqua & green (my memory is short these days, LOL).

(Reply to this) (Thread)


[info]stellastars
2009-06-23 05:44 pm UTC (link)
*g* Thank you very much! I'm glad you liked the layout!

(Reply to this) (Parent)


[info]gblvr
2009-09-04 12:51 am UTC (link)
This is quite pretty -- will it work on Dreamwidth as well?

(Reply to this) (Thread)


[info]stellastars
2009-09-15 01:10 am UTC (link)
Apologies for the delay in replying. I'm glad to hear you liked the layout. As of right now I don't believe it works at Dreamwidth. There may be some way to use it there with custom layers and such, but I'm afraid that is all a bit beyond me. :-(

Thanks for asking after the layout in relation to DW, though. I am trying to contribute a few styles over there as time allows and, if there's interest in this one, I may be able to adapt it for use.

(Reply to this) (Parent)(Thread)


[info]gblvr
2009-09-15 01:30 am UTC (link)
Sweet -- thanks for letting me know!

(Reply to this) (Parent)


[info]scoradh
2009-09-14 11:00 pm UTC (link)
This is lovely!

(Reply to this) (Thread)


[info]stellastars
2009-09-15 01:10 am UTC (link)
Thank you very much! I'm please to hear that you liked it!

(Reply to this) (Parent)


[info]wild_cherrie
2009-10-21 07:51 am UTC (link)
I grabbed the rose layout - it's so beautiful!
I tried uploading all of the images to my own photobucket acct, and then replacing the URLs in the code...but it messed up and looked terrible, all squished together and small and wonky.
*puts on dunce cap* Obviously I have no idea what I'm doing but I will keep trying. :-D
Thanks!

(Reply to this) (Thread)


[info]stellastars
2009-10-27 01:15 pm UTC (link)
Thank you! I'm pleased to hear you liked the rose layout.

And thank you for trying to upload the images to your photobucket. (I do appreciate the attempt!) The only suggestion I can make, is to click "more options" (in the upload box) and make sure it is set to the "1 megabyte file size" option. Sometimes that helps people with the uploading!

*hugs*

(Reply to this) (Parent)


(31 comments) - (Post a new comment)

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…