| Jenny ( @ 2007-05-01 19:34:00 |
| Entry tags: | !help, !important, faq |
frequently asked questions
Unfortunately, due to circumstances beyond my control, I can not spend much time on LJ anymore. I just don't have free time like I used to.
I will try to get to questions when I can, but I am falling waaay behind... Please read the questions I have posted.
4. Don't forget. Livejournal also has its own FAQ PAGE. to help with questions about accounts, ADS, journal entries, comments, etc...
You can also search GOOGLE, ors2flexisquares. I know I'm not the only one who knows how to use HTML & CSS.
-----------------------------------
LINKS. Here are some important links for controlling parts of your layout. | When editing parts of your layout that are not controlled by CSS, it might be helpful to know these links: 1. basic options, navbar options, mood theme, etc. 2. account options. free, paid & sponsored. 3. manage css. 4. manage sidebar (aka, topbar, for some layouts). 5. manage your link list. 6. edit profile, comment settings, viewing options, etc. Websites I use when creating a layout: 1. colourlovers. for when I need color-based inspiration, also a great place to find out a colors hex code. |
1. Can I edit any of your layouts? Add a Header? Change some Colors, etc? | Yes, you may. I have no problem with it, as long as you: 01. CREDIT me. (by adding a link to my journal in places such as your sidebar, your profile page, a journal entry, I really don't mind how it's done.) 02. DO NOT edit and then repost as your own. Please? I see people posting my codes as theirs and I get all sad... It took me a long time to get the hang of CSS, don't do that... 03. DO NOT BUTCHER it and then ask me to fix it. If your going to edit a layout, but want to know what sections control what, I found a WONDERFUL Flexible Squares CSS Guide over at |
2. It's my first time using CSS. How do i set up a CSS Layout? | It's really simple once you get used to it. You can follow my setup tutorial for 3 easy steps that will have your layout up and running in a matter of minutes. |
3. How do I get the "blurb, tags, calendar, links or user-icon" sections to appear or dissapper in the sidebar? (aka, "topbar" in some layouts) | Any sidebar customizations can be made in the sidebar section of the Customization Page... see the example picture here. |
4. My layout has random lines around the entry, comment links, etc. that weren't in the preview! How do i get rid of them? | This usually only happens with my older layouts, but when people start seeing funky lines in the layout that did not show in the preview, it usually means that they skipped Step 3 on my uploading instructions page. Please make sure you have taken that step before you ask for further assistance. |
5. How can I get rid of the livejournal ads in my layout? | If you are a sponsored account, you can not remove the ads. Once you chose to be a SPONSORED account, you have ads. The best way to get rid of them is to go back to being a free user. (at the top of the page there will be a link that says "account" there you can edit your status). NOTE!PLEASE: Even if someone has found a way to remove ads, taking such actions violate LiveJournals Terms, meaning you can get kicked off LJ. Just don't do it. --------------------- If you want to keep your sponsored account, but just move the ads to a different place in your journal: 1. Go to customize 2. Scroll to the bottom of the page where it says: CHOOSE A PAGE SETUP. 3. A box for customizing the ad placement is right there. |
6-1. How do I add a header image? ------ 6-2. How wide should I make my header for my layout? | Pt. 1 : All you need to do is find a section called .headerimage. Make sure you type in the height, width, and URL of your chosen header image. NOTE!PLEASE: if your header is wider/smaller than the width of your layout, you might also have to change the #content width until it matches your header. --------------------- Pt. 2 : When making a header to match the width of an existing layout, you'll need to find the width of the #content. From there you can use that width to match your headerimage. (Also take the padding [if used] into consideration. If the content padding is 10px and your content width 800px, your header will need to be 820px wide. --- If the content padding is 20px and your content width 800px, your header will need to be 840px wide. [and so on.]) |
7-1. I want my layout to have a sidebar, How can I add one to my existing layout? ------ 7-2. I want to completely remove the sidebar from my layout, what do I do? | Pt. 1 : Adding a sidebar. 1. Find #sidebar and delete the section called display: none;. 2. Choose your sidebar width (example: 180px) 3. Choose what side your sidebar will be on. (example: left) 4. Find the section labeled #maincontent (which is usually right above the #sidebar section in my CSS) and make sure the MARGIN looks like this: margin-left: 200px; (i always try to keep the margin 15-20 pixels higher than the sidebars width.) For a layout with a topbar, but you want it on the side: Lets say you want a sidebar on the left. 1. Find #maincontent and make the "margin" (if any) say margin-left: 200px;. 2. Then go to #sidebar and make sure the section labeled float: says float: left; - then in the same section find width: and make it say width: 180px; (if you want your sidebar on the right, change all left parts in the instructions above to right.) --------------------- Pt. 2 : To completely delete a sidebar. 1. Find your sidebar section in the CSS titled #sidebar and add display: none; under it with all the other subsections. 2. Because you will need to get rid of the large space where the sidebar used to be, find #maincontent and delete the margin-left: 200px or margin-right: 200px section. (delete the one that coincides with the position of your sidebar [sidebar is left? margin-left is deleted.]) In some cases the margin will be combined, like this: margin: 0px 0px 0px 200px; you can either delete it or change 200px to 0px |
8-1. How do I make my Icon appear or dissappear in each entry? --- 8-2. How to GET or GET RID OF the space around the userpic. --- 8-3. How to make the userpics the normal 100x100 when the layout creator makes them smaller for certain layouts. | Pt. 1 : To REMOVE the user picture. - find: .userpic and ADD display: none; right under it. To VIEW the user picture. - find .userpic and DELETE display: none; that is under it. --------------------- Pt. 2 : give the userpic space or make the text wrap around it. Adding the userpic space: 1. find the section called .entry and add margin-left: 130px; (add a margin that coincides with the position of your userpic [userpic is left? margin-left is added.]) To get rid of that space and make the text wrap around it, find the section called .entry and delete the margin-left: 130px; (delete the margin that coincides with the position of your userpic [userpic is left? margin-left is deleted.]) --------------------- Pt. 3 : Want your userpics normal size? find this section: .userpic img, .userpicfriends img { background-color: #ffffff !important; width: 70px; /* <-- you would need to change these back to 100px */ height: 70px; /* <-- you would need to change these back to 100px */ } |
9. My layout was made with the navigation links hidden, how can I view them? | 1. Find the section called #header remove the display: none; under it. 2. You may need to play around with the font sizes and colors to get the look you want. NOTE!PLEASE - In some cases, I won't add a display: none; but rather make the font really small (1pt, 1px) and the font color to blend with the background. Again RARELY. So just edit the size and colors to get it to show. |
10. How do I add links to my sidebar? | All you have to do is go to your Links List and add all your favorite web sites to the spaces provided. FREE users only get 10 spaces, but there's a way around it: go to your sidebar section in customize and add all more links using HTML into the BLURB SECTION. how to make a link HTML tag: |
11. When using "custom comment pages" (available to paid & sponsored users only) the comments start after the sidebar. (aka: there's a rather large gap between entry and comment) How can I fix it? | 1. Find .box 2. if your sidebar is on the left, make sure the clear: ----; section in .box says clear: right;. 3. if your sidebar is on the right, than the clear: ----; section in .box should say clear: left;. Also, on some of my older layouts, I have either removed the comment page CSS or it looks a bit wonkey, if you want my new comment page CSS, feel free to ask. :] |
12. My tiny user icons are cut off, how can it be fixed? | I found that if you put !importaint; at the end of each padding tag so it says something like this: padding: 14px 13px 0 2px !important; it works fine. Can't see your tiny icons anymore? Please note that LJ has changed the URLs to their default user icons, so when you are generating the code to replace them, make sure the urls that used to begin like this: HTTP://STAT.LIVEJOURNAL.COM now begin like this: HTTP://P-STAT.LIVEJOURNAL.COM |
13. How do I change the words for my navigation links, comments, other? | All text changes can be made at the Edit Text section of the Customization Page. example picture here. |
14. My sidebar is not showing up, even though it is set to view in the CSS. How can i fix it? (also works for other parts of your layout that are mysteriously not showing up) | Just setting this strait now: If I made a layout with the sidebar showing, and 1/200 users have a problem with it showing up, I have no idea why you're the only one experiencing the problem. It must have something to do with your settings... But as for fixing it, I was told by a couple users who did have that problem, that changing the theme of your Flexible Squares layout helps. You'll need to re-add all of your CSS and sidebar info, but it helps. Go to Customize, then in the box on the left side of the page, where it gives you style choices (Animals, Clean, Simple, Cool Colors) select ALL. In the search box type "Flexible Squares" it should pop up with 2 pages of choices, just choose anything but the one you are currently using. THEN Re-add your CSS to the box and save. You will also have to re-add your sidebar info. |
15. You say NO HOTLINKING. What is hotlinking? What Is Bandwidth? | "HOTLINKING" is when you use a picture url that is connected to someone elses photobucket (or any image host that requires you to make a personal account) when people use my links (maybe for a picture in their layout) my BANDWIDTH, which is a limited number of how many can link to my account, expires (meaning too many people are using my links when they shouldn't) and my bandwidth does not reset until the date of the month I originally cerated the account on. (my bandwidth resets every month on the 21st or 22nd) If you see Bandwidth Exceeded signs, you can fix it by going through the CSS codes and gathering up the image URLS in the layout, go to your own Photobucket (or Imageshack.us or Tinypic.com) and upload the images. replace the original links with yours. |
16. My sidebar goes further down the page than my entries, how can i fix it? | You will have to go into the CSS codes and find: .clearfoot and delete the display: none; I under it. |
17. I would like to use the tiny icons next to my Mood, Music, Location & Tags, How can i add those? | In your CSS find these sections: .currentmood { .currentmusic { .currentlocation { .ljtags { sometimes, to save space in a code, layout makers will combine these sections into one. BUT to give each section its own image so it looks like this: ![]() you need to separate each section so each looks like this: (view in your computers notebook/word program) so, you can pretty much just take that code and use it to replace all the sections i listed above. but you must replace IMAGEURL with your chosen tiny picture url. Just remember not to hotlink. |
18. How do I change the color of my links? | Each section (like #sidebar, .comments, .ljtags) will sometimes have their own sections for their link colors, it's all a matter of finding them and changing the links to your preferred colors by using HEX codes. (HEX codes are a series of numbers and letters that represent each color, #000000 is black and #FFFFFF is white) -- sections to look for when changing link colors: a, a:link, a:visited, div#sidebar a:visited, .ljtags a, .ljtags a:link, .ljtags a:visited, div.comments a, div.comments a:link, div.comments a:visited. |
19. How do I add another link next to my "Entries, Archives, Friends, & Profile" Header links? | The fifth link, needs to be manually added by you. You can add the fifth link (like my Tags link) in the WEBSITE section on your Edit User Profile Page. |
20. I want to use the custom comment pages (comment pages in your journal style instead of yucky white) but it wont work. Why? | If you are a FREE user, you CANNOT use custom comment pages. You need to be a PAID or SPONSORED account user. This also goes for wanting "lj cut" posts to be in your journal style... |
21. Why can't I get the "edit, track, add to mems, etc" to show up at the bottom of my entries with my comment links? | Because Flexible Squares is a simple style, it is not possible (that i know of) to add those links to the bottom of the entries. But never fear, they are still there. If you are using Custom Comment Pages, or even basic comment pages, they are always above your entry on the page you view your comments on. |
22. How did you get the images next to the usernames and community names to change from the livejournal default? | You need to override the code for them in your CSS. where to get the codes: I used the where to get the icons: many people on livejournal have made these icons in small batches, i personally made 4 simple batches that can be found here. But for now I am using SILK icons from famfamfam.com. You get 1000+ icons when you download the set for free. |
23. My entry titles have suddenly become links? | Yes, it seems like a new feature that livejournal has added. There is a way around it though. Find your section called .subject and take a good look at it. What you must understand is that it is now controlled by the a, a:link, a:visited section and is a bit useless if it contains any of the same subsections as a, a:link, a:visited. Such as (color, font size, and text transform) So to take back your control over the .subject section, you must make a new section called div.subject a, div.subject a:link, div.subject a:visited and put all the important color, font size, and text transform information under that, and all other information such as padding and text-align under .subject: example: .subject { text-align: right; padding: 2px; } div.subject a, div.subject a:link, div.subject a:visited { color: #DD243F; <--- text-transform: lowercase; <--- all your important visual options are now here font-size: 13px; <--- } |
