?

Log in

 
 
10 December 2008 @ 11:09 am
Theme & Layout Change for Beginners  
We all have to begin the learning process somewhere. Don't feel bad about it because it took me a while to learn it too. I make mostly Flexible Squares layouts so I'm going to teach you to switch from what you are currently using (say Smooth Sailing or some such) to Flexible Squares and put in a new layout!

Get the help...Collapse )
 
 
 
soohatosoohato on February 28th, 2015 08:16 pm (UTC)
Hello ^^
could you help me in my journal sitting
I have a problem
I create a new account and the people who add me couldn't found the button of comments to write in my journal *_*

what can I do? ):
Jill aka Josireesanwar on March 5th, 2015 07:51 pm (UTC)
Right now I'm experiencing LJ failure and can't really look into issues. As soon as I'm able, I'll take a look.
soohatosoohato on March 5th, 2015 08:28 pm (UTC)
ok.
Thank you ^_^
Jill aka Josireesanwar on March 10th, 2015 08:58 pm (UTC)
You would need to make a public post for me to see what is happening.
Kat Leekatleept on April 13th, 2015 06:04 am (UTC)
I'm trying to learn how to customize a layout so that I can make a new comm that actually looks half way decent. Your instructions are simple, and I followed them to the tee up until the sixth step. It's there (early on, I know) that I run into a problem. The box for the coding is empty! I marked all three questions "No" and saved the changes, but it's still empty! I'm also using the Autumn Flexible Squares layout as per your advice. Any ideas why I can't see the coding??

Thanks!
Jill aka Josireesanwar on April 13th, 2015 10:35 pm (UTC)
So this is where you put the coding you have found elsewhere or are customizing. It is something you are supposed to fill in.
kotoba_hs8kotoba_hs8 on May 19th, 2015 01:49 am (UTC)
Thank you
I am new in this; than you for do the tutorials and the layouts.
Jill aka Jo: OUAT: Elisa walking awaysireesanwar on May 21st, 2015 07:19 pm (UTC)
Re: Thank you
You are welcome.
amnos98amnos98 on March 8th, 2016 12:37 am (UTC)

Thank you so much for this tutorial. Seriously thank you
maduuumaduuu on May 29th, 2016 12:34 am (UTC)
header and background
I know those are the easy steps, but I have some problems adding my header and background image. I thought I added the direct links of the images, but when I go to my profile, the header and background are just blank.
Jill aka Josireesanwar on May 31st, 2016 07:22 pm (UTC)
Re: header and background
Okay so I appear to be seeing them when I look at your journal. I'm curious if that is a fluke and something in the coding is making it hard for you.

Here is something I would recommend for the header image:

.headerimage {
position: absolute;
width: 1600%;
height: 300px;
margin-top: 0px;
padding: 0px;
background-color: #transparent !important;
background-image: url(http://i215.photobucket.com/albums/cc71/sweetsnowgirl/bright-gold-stars-background-image_zpsohmhibko.jpg);
background-repeat: repeat, no-repeat;
background-position: center bottom;
background-size: auto, cover;
}

in the line that says background-repeat: repeat, no-repeat; change it to
background-repeat: no-repeat;

Then in the line that says background-size: auto, cover; change it to
background-size: cover;

Those added commands followed by a comma are for an additional image on top of your stars image which you currently don't have. This might help with viewing your layout.


I'm going to say the same thing about the background image:
body{
background-color: #cccccc;
background-image: url(http://i215.photobucket.com/albums/cc71/sweetsnowgirl/b2_zpsigokcfni.jpg);
background-repeat: repeat, repeat-x, repeat;
background-attachment: fixed;
background-position: left top, left bottom, left top;
background-size: auto, 500px 82px, auto;

color: #888888;
font-family: "verdana", arial, sans-serif;
font-size: 12px;
margin: 0px 0 50px 0;
}

If you want this to be a full background image change these lines:
background-repeat: repeat, repeat-x, repeat;
background-attachment: fixed;
background-position: left top, left bottom, left top;
background-size: auto, 500px 82px, auto;


to

background-repeat: no-repeat;
background-attachment: fixed;
background-position: left top;
background-size: cover;


If you want it to be a repeating image:

background-repeat: repeat;
background-attachment: fixed;
background-position: left top;
background-size: auto;


Does that help you?

Edited at 2016-05-31 07:25 pm (UTC)
maduuumaduuu on June 1st, 2016 08:56 pm (UTC)
Re: header and background
thank you

I was able to fix my background. But for my header:
I picked a different picture, and its size is 1600x300, so I thought I had to change to code to
.headerimage {
position: absolute;
width: 1600%;
height: 300px;
margin-top: 0px;
padding: 0px;
background-color: #transparent !important;
background-image: url(http://i215.photobucket.com/albums/cc71/sweetsnowgirl/new1600x300pic_zpszafniryp.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}

but the header imagine is now very zoomed in
Jill aka Josireesanwar on June 2nd, 2016 09:31 pm (UTC)
Re: header and background
Stick with the width being 100% and the cover element will kick in.
maduuumaduuu on June 7th, 2016 10:49 am (UTC)
Re: header and background
I fixed it
Thank you very much! :)
Zzz CalciferDSzzzds on September 10th, 2016 06:03 pm (UTC)
Thankyou for the tutorial! ;)
Jill aka Josireesanwar on September 14th, 2016 09:48 pm (UTC)
You're welcome
chibimochuchibimochu on October 10th, 2016 01:12 am (UTC)
Font Change
Hello :) I'm Momo and currently using this layout (thanks by the way, it's really nice!)

But my problem is I wanted to change my font to Sue Ellen Francisco but I don't know how to do it. I mean I don't know how to put it so that it will be all visible to all my visitors. I don't know how to link it from the google fonts. Can you help me with this? T_T pretty please T_T Thank you very much <3

P.S. I can't Access to you Font Tutorial :/
Jill aka Josireesanwar on October 26th, 2016 09:33 pm (UTC)
Re: Font Change
There are a few Member Only fonts posts but other than that there is the Google Embed Post which isn't members only.

http://layout-lounge.livejournal.com/41419.html

Let me know if this doesn't help you.
chibimochuchibimochu on November 6th, 2016 11:56 am (UTC)
Re: Font Change
Hello Siree-san. I'm sorry for my reply reply. Thank you so much I finally figured it out. Thank you so much for your tutorials, I learned alot from them, I enjoyed it too.
Your layouts are really cool and lovely. I won't get tired of using them. Thanks again! I hope you continue your good works. :)
Jill aka Jo: ST: Hailing Frequencies Opensireesanwar on November 14th, 2016 09:27 pm (UTC)
Re: Font Change
Thank you. I'm trying to come up with some new ideas but I've been really busy lately.