FAQ
After getting so many friends in only a couple of weeks and because I figured it would be much better to archive all the information and question concerning the graphics and overrides I post in this journal, I decided to finally post a FAQ section. Aditional on this post, easy copy/paste codes to promote this journal.
FAQ.
Icons & Graphics.
LAST UPDATED: 06/17/07.
>>How do I credit?
Please, do not edit my icons/graphics & do not redistribute them as yours.
**If anyone happens to see my icons around being credited with other username that isn't resplandor or neuroticalx (my personal username), I'd appreciate you to direct me to the profile where the icons/graphics are.
..................................................................................................................................................................
General FAQ for overrides.
>>How do I credit?
Go to manage > Info and add this code:
Overrides by
Or you can use the buttons to promote.
>>Can I change the colors/add a header/edit the overrides?
Yes, you can do minor and major alterations to the overrides, as long as you don't remove the credit at the top of the overrides and also credit me on your userinfo or link back to this journal anywhere in your journal.
>>How do I make the custom comment page work?
To make the custom comment page work you need a plus or paid account, after you have that settled, you go to the customization wizard and in the presentation (The default page once you click on Custom Options) there's an option that says "Disable customized comment pages for your journal" choose NO in the drop-down menu and save changes. Then you can go to your entries and check if it works.
**Please note that if the stylesheet has a sidebar, it may not look good with a Plus account. You can settle "Vertical placement" for the ads if the stylesheet doesn't have a sidebar at it will look alright. You can also settle "Horizontal placement" for Smooth Sailing stylesheets and it won't look too awful either since the ads settle inside the layout instead of outside. I haven't tried the "Placement between entries" so I'm not quite sure how will that work, if anyone has tried and don't mind giving me their opinion about it, I'll appreciate it.
>>How do I add a background image?
First, you locate the .body section on the stylesheet. It has to be right at the beginning of the overrides.
Then you paste either of these codes (the one you desire to use) inside the braces.
Tiled images:
background-image: url('URL OF YOUR IMAGE HERE');
background-repeat: yes;
background-position: fixed;
Big background image:
background-image: url('URL OF YOUR IMAGE HERE');
background-position: left; <--- this can be chaged to top, right, left top, etc. Where you need it to be.
background-repeat: no;
background-position: fixed;
..................................................................................................................................................................
Flexible Squares special customization.
>>How do I add a header?
To add a header, locate the .headerimage, it's normally on the Misc section right at the bottom of the overrides (that's where I place it anyway.)
it should look like this:
.headerimage {
position: top center;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
background-image: url("URLOFYOURHEADERGOESHERE");
background-repeat: no-repeat;
}
1- Upload your header on a server (I recommend photobucket or imageshack) and the paste the direct URL where it says background-image.
2- Change the width and height to match with your header and you're done! Now, I recommend everyone that in case of adding a header be sure to make it the same width as the layout or it will look messed up unless you also change the width of the content.
>>How do I hide the entries icon?
To hide the icon on the recent page locate this code:
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 3px;
margin: 20px 10px 3px 10px;
z-index: 15;
border-width: 1px;
border-color: #E6AD02;
border-style: solid;
}
And replace it for this:
.userpic {
display:none;
}
>>How do I hide the entries icon in a community?
If you tried the specifications above and it didn't work in your community it's because communities userpics are edited with the same codes as the userpics on your friends page.
Locate the ".userpicfriends" codes, it should look somewhat like this (This is a general example, the specifications of the codes changes with each stylesheet.):
.userpicfriends {
position: relative;
float: left;
background-color:#ffffff!important;
padding: 3px;
margin: 20px 10px 3px 10px;
z-index: 15;
border-width: 1px;
border-color: #E6AD02;
border-style: solid;
text-align: center;
font-family: "Tahoma", "arial" , sans-serif;
font-size: 11px;
}
change the border-width to 0px and delete the border-color and border-style. It should work.
**Keep in mind that if you replace this with "display: none;" the username of the poster won't show on the recent page.
>>Will the sidebar work on the left as well as right?
Yes, you just have to do minor alterations to the overrides and it will work fine.
Locate these codes on the overrides and replace the "right" with "left":
#maincontent {
margin-top: 15px;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
background-color: #ffffff;
color: #000000;
border-style: solid;
border-color: #cccccc;
border-width: 0px;
margin-right: 180px;
text-align: justify;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #cccccc;
border-width: 0px;
border-style: solid;
font-size: 7pt;
font-family: "Tahoma", "Verdana", sans-serif;
color: #000000;
width: 160px;
float: right;
text-align: justify;
}
If you have a paid account and are using the comments page, locate this code:
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
And change the "left" to "right" in clear.
..................................................................................................................................................................
Smooth Sailing Special customization.
>>How do I add a Header?
A) Everything depends on the width of your layout.
B) The header css for this specific layout is located under .pageblock in the stylesheet, and it looks like this:
.pageblock{
background-image: url('HEADERURLHERE');
background-position: top center;
background-repeat: no-repeat;
padding-top: 25px; (example)
width:750px; (example)
margin: 0 auto;
}
width: 750px; Should be the width of your header.
padding-top: 25px; This is where you add the height of your header.
**Remember after you enter the URL for the header in the code make sure to also set the width and padding in the stylesheet!
>>can I shut off the icon in the in my entries?
Go to Manage > Customize and in the presentation tab you have an option to show the icon in all entries or on all the pages except the recent page.
Choose the look you desire and save changes.
>>How do I add back the username and the journal name under the display picture on the sidebar?
I specifically dislike this this feature from the smooth sailing layout but that doesn't mean you guys have to dislike it with me haha.
To get that feature back, locate this code on the overrides:
.profile-label {
font-weight: bold;
display: none;
}
And either replace the none with yes or delete the "display" line.
..................................................................................................................................................................
Buttons to promote
http://resplandor.livejournal.com/profile">
http://img338.imageshack.us/img338/8757/resplandorfk1.png" border="0" title="Resplandor Layouts">
http://resplandor.livejournal.com/profile">http://img338.imageshack.us/img338/6830/resplandor2st2.png" border="0" title="Resplandor Layouts">
http://resplandor.livejournal.com/profile">http://img263.imageshack.us/img263/3531/resplandorljzt3.png" border="0" title="Resplandor Layouts">
..................................................................................................................................................................
If you have any question concerning my stylesheets or graphics, feel free to drop a comment and I'll get back to you as soon as I can.
FAQ.
Icons & Graphics.
LAST UPDATED: 06/17/07.
>>How do I credit?
Please, do not edit my icons/graphics & do not redistribute them as yours.
**If anyone happens to see my icons around being credited with other username that isn't resplandor or neuroticalx (my personal username), I'd appreciate you to direct me to the profile where the icons/graphics are.
..................................................................................................................................................................
General FAQ for overrides.
>>How do I credit?
Go to manage > Info and add this code:
Overrides by
Or you can use the buttons to promote.
>>Can I change the colors/add a header/edit the overrides?
Yes, you can do minor and major alterations to the overrides, as long as you don't remove the credit at the top of the overrides and also credit me on your userinfo or link back to this journal anywhere in your journal.
>>How do I make the custom comment page work?
To make the custom comment page work you need a plus or paid account, after you have that settled, you go to the customization wizard and in the presentation (The default page once you click on Custom Options) there's an option that says "Disable customized comment pages for your journal" choose NO in the drop-down menu and save changes. Then you can go to your entries and check if it works.
**Please note that if the stylesheet has a sidebar, it may not look good with a Plus account. You can settle "Vertical placement" for the ads if the stylesheet doesn't have a sidebar at it will look alright. You can also settle "Horizontal placement" for Smooth Sailing stylesheets and it won't look too awful either since the ads settle inside the layout instead of outside. I haven't tried the "Placement between entries" so I'm not quite sure how will that work, if anyone has tried and don't mind giving me their opinion about it, I'll appreciate it.
>>How do I add a background image?
First, you locate the .body section on the stylesheet. It has to be right at the beginning of the overrides.
Then you paste either of these codes (the one you desire to use) inside the braces.
Tiled images:
background-image: url('URL OF YOUR IMAGE HERE');
background-repeat: yes;
background-position: fixed;
Big background image:
background-image: url('URL OF YOUR IMAGE HERE');
background-position: left; <--- this can be chaged to top, right, left top, etc. Where you need it to be.
background-repeat: no;
background-position: fixed;
..................................................................................................................................................................
Flexible Squares special customization.
>>How do I add a header?
To add a header, locate the .headerimage, it's normally on the Misc section right at the bottom of the overrides (that's where I place it anyway.)
it should look like this:
.headerimage {
position: top center;
width: 0px;
height: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
background-image: url("URLOFYOURHEADERGOESHERE");
background-repeat: no-repeat;
}
1- Upload your header on a server (I recommend photobucket or imageshack) and the paste the direct URL where it says background-image.
2- Change the width and height to match with your header and you're done! Now, I recommend everyone that in case of adding a header be sure to make it the same width as the layout or it will look messed up unless you also change the width of the content.
>>How do I hide the entries icon?
To hide the icon on the recent page locate this code:
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 3px;
margin: 20px 10px 3px 10px;
z-index: 15;
border-width: 1px;
border-color: #E6AD02;
border-style: solid;
}
And replace it for this:
.userpic {
display:none;
}
>>How do I hide the entries icon in a community?
If you tried the specifications above and it didn't work in your community it's because communities userpics are edited with the same codes as the userpics on your friends page.
Locate the ".userpicfriends" codes, it should look somewhat like this (This is a general example, the specifications of the codes changes with each stylesheet.):
.userpicfriends {
position: relative;
float: left;
background-color:#ffffff!important;
padding: 3px;
margin: 20px 10px 3px 10px;
z-index: 15;
border-width: 1px;
border-color: #E6AD02;
border-style: solid;
text-align: center;
font-family: "Tahoma", "arial" , sans-serif;
font-size: 11px;
}
change the border-width to 0px and delete the border-color and border-style. It should work.
**Keep in mind that if you replace this with "display: none;" the username of the poster won't show on the recent page.
>>Will the sidebar work on the left as well as right?
Yes, you just have to do minor alterations to the overrides and it will work fine.
Locate these codes on the overrides and replace the "right" with "left":
#maincontent {
margin-top: 15px;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
background-color: #ffffff;
color: #000000;
border-style: solid;
border-color: #cccccc;
border-width: 0px;
margin-right: 180px;
text-align: justify;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #cccccc;
border-width: 0px;
border-style: solid;
font-size: 7pt;
font-family: "Tahoma", "Verdana", sans-serif;
color: #000000;
width: 160px;
float: right;
text-align: justify;
}
If you have a paid account and are using the comments page, locate this code:
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
And change the "left" to "right" in clear.
..................................................................................................................................................................
Smooth Sailing Special customization.
>>How do I add a Header?
A) Everything depends on the width of your layout.
B) The header css for this specific layout is located under .pageblock in the stylesheet, and it looks like this:
.pageblock{
background-image: url('HEADERURLHERE');
background-position: top center;
background-repeat: no-repeat;
padding-top: 25px; (example)
width:750px; (example)
margin: 0 auto;
}
width: 750px; Should be the width of your header.
padding-top: 25px; This is where you add the height of your header.
**Remember after you enter the URL for the header in the code make sure to also set the width and padding in the stylesheet!
>>can I shut off the icon in the in my entries?
Go to Manage > Customize and in the presentation tab you have an option to show the icon in all entries or on all the pages except the recent page.
Choose the look you desire and save changes.
>>How do I add back the username and the journal name under the display picture on the sidebar?
I specifically dislike this this feature from the smooth sailing layout but that doesn't mean you guys have to dislike it with me haha.
To get that feature back, locate this code on the overrides:
.profile-label {
font-weight: bold;
display: none;
}
And either replace the none with yes or delete the "display" line.
..................................................................................................................................................................
Buttons to promote
http://resplandor.livejournal.com/profile">
http://resplandor.livejournal.com/profile">
http://resplandor.livejournal.com/profile">
..................................................................................................................................................................
If you have any question concerning my stylesheets or graphics, feel free to drop a comment and I'll get back to you as soon as I can.