Mercy ([info]mercscilla) wrote in [info]street_of_mercy,
@ 2006-09-21 13:24:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Current mood: amused
Entry tags:!set-up-guide, tutorial, tutorial: misc

Customization Tutorials
If you still have questions, please comment here. Thank you.



CSS Set-Up Instructions
Go to Customize
Go to 2. Select a New Theme

- type in the search box Flexible Squares

- and select Blue Gray or another theme

(Screenshot)
Go to Customize your theme (Screenshot)
Go to Custom CSS (Screenshot)
Make sure you disable

- Use layout's stylesheet(s)

- Use layout's stylesheet(s) when including custom external stylesheet

- Use external stylesheets

(Screenshot)

Now copy & paste the CSS code into the box (Screenshot)
Hit Save Changes (Screenshot)




Profile Layout Set-Up
Go to Personal Info and scroll down to the BIO section (Screenshot)
Now copy & paste the profile code into the box (Screenshot)
Hit Save Changes (Screenshot)




Sidebar Customization
Go to Customize Your Theme (Screenshot)
Go to Sidebar (Screenshot)
Set to YES

- Show the sidebar?

- Show the default user picture on the sidebar?

- Show the blurb/free text in the sidebar?

(Screenshot)
Now decide which boxes you want to appear in your layout.

Set them either to YES or NO.

(Screenshot)
Do not touch Set sidebar width, in pixels! (Screenshot)
Hit Save Changes (Screenshot)




Changing the default Mini User Icons
In the CSS scroll down to MAINCONTENT.
Now change OR copy & paste the following code

.ljuser img { 
	width: 0px;
	height: 0px;
	background-repeat: no-repeat;
/*so that IE users will still see an image*/
	background-image: url(YOUR URL); 
	padding: 14px 0px 0px 13px;
	}

.ljuser img[src="http://p-stat.livejournal.com/img/user.gif"] {
	background-image: url(YOUR URL);
	padding: 14px 0px 0px 13px;
	}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
	background-image: url(YOUR URL);
	padding: 13px 0px 0px 16px;
	}
Add the URLs of your images.

One for the user and one for the community.
Change the properties of padding to the one of you images.

The first one is for width.

The last one is for height.
The mini icons are from http://sweetie.sublink.ca/ and have been modified into b/w by me.

-> user icon | -> community icon




Changing the Tiny Icons
In the CSS scroll down to MAINCONTENT.
Now change OR copy & paste the following code

.ljtags {
	margin-top: 20px;
        padding-left: 15px;
	color: #D7BD64;
	font-weight: lighter;
	text-transform: lowercase;
	font-family: "Tahoma", sans-serif;
        background: url(YOUR URL) no-repeat center left;
        }

.currentlocation {
       background: url(YOUR URL) no-repeat left center;
       padding: 0px 0px 0px 15px;
       }

.currentmood {
       background: url(YOUR URL) no-repeat left center;
       padding: 0px 0px 0px 15px;
       }

.currentmusic {
       background: url(YOUR URL) no-repeat left center;
       padding: 0px 0px 0px 15px;
       }
Add the URLs of your images.

One for the tags, the location, the mood and the music.
Change the last property of padding.

It is the width of you tiny icon.

I would suggest to add one/two pixels to it (i.e. 13px = 15px).
The tiny icons are from http://sweetie.sublink.ca/ and have been modified into b/w by me.

-> tags | -> mood | -> music | -> location




Changing/Adding a header
In the CSS scroll down to .headerimage.
Now copy & paste the following code OR change it

.headerimage {
         position: relative;
         width: ###px; /* put in the width of your header */
         height: ###px; /* put in the height of your header */
         margin-left: auto;
         margin-right: auto;
         margin-top: 0px;
         background-image: url(YOUR URL);
         background-position: center;         
         background-repeat: no-repeat;
            }
Add the URL of your header and the height/width of it.
Go go to #content and change its width to your liking.






CSS Set-Up Anleitung
Gehe zu Customize
Gehe zu 2. Select a New Theme

- tippe in die Such-Box Flexible Squares

- und wähle Blue Gray oder ein anderes Motiv

(Screenshot)
Gehe zu Customize your theme (Screenshot)
Gehe zu Custom CSS (Screenshot)
Achte darauf dass

- Use layout's stylesheet(s)

- Use layout's stylesheet(s) when including custom external stylesheet

- Use external stylesheets

deaktiviert sind.

(Screenshot)
Jetzt kopiere & einfüge den CSS Code in die Box (Screenshot)
Drücke Save Changes (Screenshot)



Page 1 of 2
<<[1] [2] >>

(Post a new comment)


[info]penrithmere
2006-09-21 03:58 pm UTC (link)
You are the best person in the world!!! I love you! ^_^

Thank you for posting this, it really helps in understanding your inner LJ.

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2006-09-21 05:54 pm UTC

[info]sheliarania
2006-10-15 06:13 pm UTC (link)
Also ich wollt es ja probieren ^^ Aber mir ist es einfach zu kompliziert auf englisch *lol*
Da würd ich ewig brauchen *ggg*

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2006-10-15 06:43 pm UTC
(no subject) - [info]mercscilla, 2006-10-15 07:30 pm UTC
(no subject) - [info]sheliarania, 2006-10-17 02:06 pm UTC
(no subject) - [info]mercscilla, 2006-10-17 03:10 pm UTC
(no subject) - [info]sheliarania, 2006-10-17 03:25 pm UTC
(no subject) - [info]mercscilla, 2006-10-17 04:40 pm UTC
(no subject) - [info]sheliarania, 2006-10-17 04:45 pm UTC
(no subject) - [info]mercscilla, 2006-10-17 04:50 pm UTC
(no subject) - [info]sheliarania, 2006-10-17 05:02 pm UTC

[info]thraceaddicted
2006-10-19 07:24 pm UTC (link)
hey du!


vielen vielen Dank auch für die deutsche Übersetzung, endlich habe ich gecheckt, wie es geht, ich quäle mich schon seit Tagen mit den Erklärungen auf Englisch, Danke danke danke!!

Bye bye

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2006-10-20 10:33 pm UTC

[info]fiona_squid
2006-10-19 09:11 pm UTC (link)
thank you so much. I'm taking the Skate lay out. credit can be found on the user profile. ^^

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2006-10-20 07:45 pm UTC

[info]shellie0055
2006-10-28 11:59 pm UTC (link)
Hi, I have a question - I hope you don't mind.

In the screencaps of the layouts, some have a Blurb and a Links section on the left hand side. I was wondering if you could tell me how I can get these to appear in my layout?

(Reply to this)(Thread)

(no subject) - [info]shellie0055, 2006-10-28 11:59 pm UTC
(no subject) - [info]mercscilla, 2006-10-29 12:19 pm UTC

[info]jiggery_pokery_
2006-11-19 01:10 am UTC (link)
Snagged the team one and I managed to get it to work perfectly :) (Usually takes a lot of fiddling as I'm rather slow) so cheers! It's an ace layout!

(Reply to this)


[info]jemzamia
2006-11-19 06:48 pm UTC (link)
the piccys of the luffly ianto arnt showing up :'(. do i need 2 upload the piccys maself???

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2006-11-19 08:03 pm UTC

[info]athousanderrors
2006-12-19 08:53 pm UTC (link)
hi - I was wanting to use the lovely Ianto layout on GJ, but the uploading-of-layouts is all different there - any chance you could walk me through it? *begs prettily*

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2006-12-24 07:51 pm UTC
(no subject) - [info]athousanderrors, 2006-12-24 11:54 pm UTC
(no subject) - [info]mercscilla, 2006-12-25 02:37 am UTC

[info]elizabethswan_
2007-01-09 12:37 am UTC (link)
Hello,

Would you mind if I change the banner of this layout/colors? You'll still be credited for the coding.

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2007-01-10 04:10 pm UTC

[info]halie889
2007-01-10 08:18 pm UTC (link)
Hey, thank you for the Help with der Layout. It's so easy. Thank you very,very much!!!

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2007-01-10 11:50 pm UTC

[info]thoran_ziyal
2007-01-13 08:13 am UTC (link)
Hey,

toll, dass Du dazu eine Anleitung geschrieben hast. ICh hätte mich da schon hingewurschtelt, aber so ist's einfacher (und auch toll, dass Du es noch mal auf deutsch dazu gesetzt hast).
Allerdings kann ich das Stylesheet nicht öffnen. Eigentlich müsste es doch einfach ein Dokument sein, in dem die Angaben fürs CSS drin stehen, die ich dann per c&p einfügen kann, oder?
Wäre super, wenn Du mir noch mal helfen könntest!

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2007-01-13 11:02 pm UTC
(no subject) - [info]thoran_ziyal, 2007-01-14 01:01 pm UTC
(no subject) - [info]mercscilla, 2007-01-14 03:41 pm UTC
(no subject) - [info]thoran_ziyal, 2007-01-14 06:36 pm UTC
(no subject) - [info]thoran_ziyal, 2007-01-14 07:37 pm UTC
(no subject) - [info]mercscilla, 2007-01-14 08:03 pm UTC
(no subject) - [info]mercscilla, 2007-01-14 07:59 pm UTC

[info]kukalaka
2007-01-19 08:45 pm UTC (link)
Hi, also ich weiß nicht, ob ich blind bin, aber wenn ich auf 'Look & Feel' gehe, kann ich irgendwie nicht 'Flexible Squares' einstellen... o_O

(Reply to this)(Thread)

(no subject) - [info]kukalaka, 2007-01-19 08:51 pm UTC
(no subject) - [info]mercscilla, 2007-01-20 04:37 pm UTC
(no subject) - [info]kukalaka, 2007-01-20 04:43 pm UTC
(no subject) - [info]mercscilla, 2007-01-20 04:52 pm UTC
(no subject) - [info]kukalaka, 2007-01-20 05:02 pm UTC
(no subject) - [info]mercscilla, 2007-01-21 01:02 am UTC

[info]donpaulo
2007-02-23 08:11 pm UTC (link)
Thanks for the instructions! I downloaded the Skate Lost one it's beautiful! Cheers.

(Reply to this)


[info]thepringlelady
2007-03-08 02:48 am UTC (link)
Thanks, but it won't work. How do you make the picture go into the big box under the box for the URL in custom options?

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2007-03-09 07:22 pm UTC

[info]ckll
2007-04-26 10:58 am UTC (link)
May i ask you? I have done all the above but when i set up the layout, the links don't appear in the main page at the left.

(Reply to this)


[info]ateenangel
2007-06-23 05:44 pm UTC (link)
I think I may be having a problem similiar to ckll.

How do I add links to the left side bar on one of your layouts? I'm using one of the Supernatural layouts (S2) and I cannot for the life of me figure out how to add them. I've read both of your guides, but I still can't figure it out. Is it perhaps something you can only do with a paying account?

Btw, I adore your layouts.

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2007-06-23 06:39 pm UTC
(no subject) - [info]ateenangel, 2007-06-23 07:22 pm UTC
(no subject) - [info]mercscilla, 2007-06-23 07:25 pm UTC

[info]thrallofwriting
2007-11-20 12:23 am UTC (link)
Q: do you need a paid acct to use this?

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2007-11-20 05:53 am UTC

[info]fellwuschel
2008-01-17 11:27 am UTC (link)
Hallo, die Anleitung ist echt super. Hab mir ein Layout genommen, aber irgendwie bekomm ich es nicht hin, dass er die header grafik zeigt :/ *seufz*
Dabei hab ich die auf meine Website in meinen images ordner geladen und dann ins css eingefügt.. wärst du so lieb und würdest schauen, wieso des nicht geht? Dankeschön *knuddel*

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2008-01-19 12:13 pm UTC

[info]prttyprncss05
2008-02-03 04:43 am UTC (link)
This is so incredible helpful!! Thanks sooooo much!!

(Reply to this)


[info]theriversdream
2008-02-04 09:57 pm UTC (link)
Hiya, I was just wondering do you know how to add more then one header to a layout? (So that they swap around when you refresh or something.)

Edited at 2008-02-04 09:57 pm UTC

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2008-02-05 06:53 pm UTC
(no subject) - [info]theriversdream, 2008-02-08 09:31 pm UTC
(no subject) - [info]mercscilla, 2008-02-09 02:11 pm UTC
(no subject) - [info]theriversdream, 2008-02-09 05:56 pm UTC
(no subject) - [info]mercscilla, 2008-02-20 06:48 pm UTC
(no subject) - [info]theriversdream, 2008-02-20 06:56 pm UTC
(no subject) - [info]mercscilla, 2008-02-20 07:31 pm UTC
(no subject) - [info]theriversdream, 2008-02-20 07:39 pm UTC
(no subject) - [info]mercscilla, 2008-02-21 06:57 pm UTC
(no subject) - [info]theriversdream, 2008-02-21 07:06 pm UTC
(no subject) - [info]mercscilla, 2008-02-24 11:55 am UTC
(no subject) - [info]theriversdream, 2008-02-24 03:22 pm UTC
(no subject) - [info]theriversdream, 2008-02-24 04:20 pm UTC
(no subject) - [info]mercscilla, 2008-02-24 05:02 pm UTC

[info]dark_rachel
2008-02-10 05:26 pm UTC (link)
Oh, god, I was trying to use one of BSG's layouts, and then, something happened. This happened. What can i do to solve it?

(Reply to this)(Thread)

(no subject) - [info]dark_rachel, 2008-02-10 05:37 pm UTC

[info]my_atreyu
2008-02-18 06:29 pm UTC (link)
We liked your layout *Original - Valentine's Day - Bullet For My Valentine*
and want to use it for our community but with a little adaptations -
the other header and user\community icons, if you don't mind... of course with credits and all these things...
http://community.livejournal.com/vyvody/ - it's an example of what we have changed.

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2008-02-19 04:14 pm UTC

[info]legato_d
2008-02-26 03:09 pm UTC (link)
U'r cloud's work is amazing! I love sky's theme very much! Thank you!!)

(Reply to this)


[info]salivia_baker
2008-03-19 11:39 am UTC (link)
ah, you're a life-saver!

Hab ausversehen den Code für die tiny icons gelöscht gehabt *headdesk*
Danke nochmal! ♥

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2008-03-20 09:05 pm UTC

[info]vicchonn
2008-04-06 01:32 pm UTC (link)
Thank you so much for the layout! I'm giving credit and using it now; however,there's something wacky going on in mine. It seems that the thick pink line that separates the header from the main body wants to keep itself above the heading. Is there any way I can change that?

(Reply to this)(Thread)

(no subject) - [info]mercscilla, 2008-04-06 03:28 pm UTC
(no subject) - [info]vicchonn, 2008-04-06 03:31 pm UTC
(no subject) - [info]mercscilla, 2008-04-06 05:17 pm UTC
(no subject) - [info]vicchonn, 2008-04-06 08:27 pm UTC

Page 1 of 2
<<[1] [2] >>

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