friends

And everything's all right

friends

26th-Dec-2009 02:10 am - Sidebar Hover Problems

Username of journal:

regisjr
Layout Style: Expressive
Basic, Paid or Plus: Paid
Problem you are having: I just want to stop the underline showing up on my sidebar and subject line. The rest of my links are the way I want them.

regisjr

everything_lj

24th-Dec-2009 10:48 pm - Background Problems w/ Flexible Squares (S2)

(checked the memories & tags before posting)
I am currently customizing a biconic layout by calixa
and would like to add a patterned background to just the sidebar.

using:
Flexible Squares on my personal journal (sh3ll3y), which is a free account

css:

/*---------------------------------------------------

FLEXIBLE SQUARES S2
"Mandarin Cubed" by calixa @ biconic.livejournal.com

-----------------------------------------------------*/

body	{
		background-color: #1a1a1a;
	background-image: url();
	background-repeat: repeat-all;
		color: #BF6217;
		font-family: "arial", sans-serif;
		font-size: 8pt;
		text-align: justify;
		line-height: 170%;
		margin: 10px 0 0px 0;
		}

a, a:link, a:visited {
		color: #FFE7CF;
		text-decoration: none;
		}

a:hover {
		color: #ffffff;
		text-decoration: none;
		}

blockquote {
	    	padding: 10px;
	    	color: #BF6217;
		border: #FFC78F 1px solid;
background-color: transparent;
		}

blockquote:hover {
		}

code, kbd, pre, tt {
	    	font-family: monospace;
		}

#qrform table{ border: 0 !important;}

/*---------------------------------------------------------------------
   General page alignment and width
------------------------------------------------------------------------*/

#content {
		width: 85%;
		margin: auto;
		padding: 0px;	
	}

#maincontent {
		margin: 0px 323px -20px 0px;
		}

#sidebar {
		padding: 20px 0px 10px 0px;
		margin: 0px auto 5px auto;
	    	background-color: #F7A765;
		border: #E1E4CF 5px solid;
		width: 300px;
		float: right;
		font-family: "arial", sans-serif;
		font-size: 8pt;
		text-align: left;

}
/*-----------------------------------------------------------------------------
   Header - you can add a header image with either #header; remember to change the width and height to fit your header image.
--------------------------------------------------------------------------------*/

#header {
		width: 1015px;
		height: 80px;
		background-image:url(http://i565.photobucket.com/albums/ss91/photobucketshel913/Banners/LJ2010.png);
		margin-bottom: 5px;}

.title	{
		display:none;
		}

.subtitle{
		display:none;
		}

ul.navheader
		{
		display:none;
		}

ul.navheader li  {
		display:none;
		}

/*-----------------------------------------------------------------------------
   Entry stuff
------------------------------------------------------------------------*/

.subcontent {
		margin: 0px 0px 0px 0px;
		padding: 25px;
		border: #E1E4CF 5px solid;
	    	background-color: #F7A765;	
		}

.entry	{
		margin: 0px 0px 0px 0px;
		padding: 15px 0px 0px 10px;
	    	background-color: #F7A765;
	    	color: #BF6217;
		font-family: "arial", sans-serif;
		font-size: 8pt;
		text-align: justify;
		}

.datesubject {
		margin: 0px 130px 0px 0px;
		background-color: #F7A765;
		padding: 0px 0px 5px 0px;
		}

.date {
		margin-bottom: 2px;
		color: #BF6217;
	font-family: "arial narrow", sans-serif;
		font-size: 7pt;
		}

.subject {
		color: #ffffff;
		padding: 5px 0px 5px 10px;
		font-family: "arial", sans-serif;
		font-size: 11px;
		line-height: 120%;
		text-align: left;
		font-style: italic;
		background-color: #FFB66F;
		border-left: #F2852C 5px solid;
		}

.subject:hover {
		border-left: #BF6217 5px solid;
		}

.subject a, .subject a:link, .subject a:visited {
		color: #ffffff;
		}

.subject a:hover {
		color: #ffffff;
		}

.ljtags {
		border: #FFC78F 1px solid;
		margin: 45px 0px -5px 0px;
		padding: 5px 10px 5px 5px;
	    	color: #FFD6AF;
		font-size: 7pt;
		line-height: 120%;
		width: 300px;
		text-align: left;
		}

.ljtags a:link,.ljtags a:visited {
		color: #FFD6AF;
		}

.ljtags a:hover {
		color: #BF6217;
		}

.entry ul li
		{
		padding-left: 5px;
		margin-left: 10px;
		}

.entry ol li
		{
		padding-left: 5px;
		margin-left: 10px;
		}

/*------------------------------------------------------------
  Userpics

-------------------------------------------------------------------------------*/
    
   	.userpic {
		position: relative;
		float: right;
		padding: 8px;
		margin: 0px 0px 0px 10px;
		text-align: center;
	background-color: #F7A765 !important;
	    	border: #FFC78F 1px solid;
		font-size: 7pt;
		z-index: 15;
		}

.userpicfriends {
		position: relative;
		float: right;
		padding: 8px 8px 0px 8px;
		margin: 0px 0px 0px 10px;
		text-align: center;
	background-color: #F7A765 !important;
	    	border: #FFC78F 1px solid;
		font-size: 7pt;
		z-index: 15;
		}

.userpic img, .userpicfriends img {
	    	border: #FFC78F 0px solid;
		}

.userpic font, .userpicfriends font {
		color: #FFD6AF;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents {
		font-family: "arial", sans-serif;
		font-size: 8pt;
		line-height: 120%;
		width: 300px;
		text-align: left;
color: #FFD6AF;
		border: #FFC78F 1px solid;
		padding: 5px 10px 5px 5px;
		margin: -20px 0px -10px 0px;
		}

.currentmood, .currentmusic, .currentlocation {
		font-family: "arial", sans-serif;
		font-size: 7pt;
color: #FFD6AF;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
		font-family: "arial", sans-serif;
		font-size: 8pt;
		color: #F7A765;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 10px;
		position: relative;
		text-align: right;
		}

div.comments a, div.comments a:link, div.comments a:visited{
		color: #FFC78F;
		text-transform: lowercase;
		font-style: italic;
		}

div.comments a:hover {
		color: #BF6217;
		text-decoration: none;
		}

/*---------------------------------------------------------------------
  Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
		/* for formatting separators between entries */
		height: 0px;
	}

/*------------------------------------------------------------
  Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
		display:none;
		}

.sbarheader {
		padding: 0px 5px 0px 5px;
		}

.sbarbody {
		padding: 0px 0px 0px 0px;
		}

.sbarbody2 {
		margin: 0px 30px 0px 30px;
		padding: 10px 10px 10px 10px;
		background-color: ;
		border: #FFC78F 1px solid;
	    	color: #BF6217;
		text-align: justify;
		font-size: 8pt;
		}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
                color: #FFE7CF;
         	}

div#sidebar a:hover {
                color: #F2852C;
                text-decoration: none;
		}

/*------------------------------------------------------------
  Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
		margin:auto;
		}

.sbarcalendar {
		text-align: center;
		padding: 8px;
		border: #FFC78F 1px solid;
		color: #BF6217;
		font-size: 7pt;
		}

.sbarcalendarposts {		
		border: #FFC78F 1px solid;
		text-align: center;
		padding: 8px;
		font-size: 7pt;
		}

/*------------------------------------------------------------
  Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist {
		padding: 0px 10px 0px 10px;
		margin: 20px 20px 3px 20px;
		list-style: none;
		}

li.sbaritem {
		padding: 3px 0px 3px 10px;
		margin: 0px 0px 2px 0px;
		list-style: none;
		background-color: #FFB66F;
		border-left: #F2852C 5px solid;
		}

li.sbaritem:hover {
		border-left: #BF6217 5px solid;
		list-style: none;
		}

li.sbartitle
		{

display:none;
		}

/*----------------------------------------------------
  footer
----------------------------------------------------------------*/

li.viewing {
		color: #BF6217;
		text-transform: lowercase;
		padding: 0px 10px 0px 0px;}

div#footer a, div#footer a:link, div#footer a:visited {
		color: #FFD6AF;
		text-transform: lowercase;
		font-style: italic;
		padding: 0px 10px 0px 0px;
		}

div#footer a:hover {
		color: #ffffff;
		text-transform: lowercase;
		font-style: italic;
		padding: 0px 10px 0px 0px;}

#footer {
		width: auto;
		padding: 10px;
		z-index: 100;
		text-align: center;
		clear: both;
		border: #E1E4CF 5px solid;
	    	background-color: #F7A765;
		margin: 0px 320px 0px 0px;}

ul.navfooter{
		padding: 0px;
		margin: 0px;
		}

ul.navfooter li  {
		display: inline;
		margin: 0px 0px 0 0px;
		}

.clearfoot {
		clear: both;

}

/*----------------------------------------------------
 Archive Pages
----------------------------------------------------------------*/

ul.year {
		text-align: left;
		padding-bottom: 0px;
		color: #615748;
		}

ul.year li {
		display: inline;
		}

table.yeartable {
		margin: 0px;
		padding: 20px;
		border: #E1E4CF 5px solid;
	    	background-color: #F7A765;
		}

table.yeartable td.yeardate, table.yeartable td.yearday {
	    	background-color: #FFC78F;
		text-align: center;
		padding: 5px;
		}

table.yeartable td.yearday {
	    	background-color: #FFC78F;
		text-align: center;
		padding: 5px;	    		
		}

td.yearmonth {
		border-style: none;
		}

/*----------------------------------------------------
 Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
		margin: 0px 110px 0px 0px;
		color: #ffffff;
		padding: 5px 0px 5px 10px;
		font-family: "arial", sans-serif;
		font-size: 11px;
		line-height: 120%;
		text-align: left;
		font-style: italic;
		background-color: #FFC78F;
		border-left: #F2852C 5px solid;
		}

.userpiccomment {
		position: relative;
		border: #FFC78F 1px solid;
		background-color: #F7A765;
		padding: 5px;
		margin: -10px -120px 10px 10px;
		z-index: 15;
		float: right;
		}

.box {
		border: #E1E4CF 5px solid;
	    	background-color: #F7A765;
		padding: 30px;
		clear: left;
margin: 0px 0px 15px 0px;
		}

input, textarea {
		border: #FFC78F 1px solid;
		color: #BF6217;
	    	background-color: #F7A765;
		font-family: "arial", sans-serif;
		font-size: 8pt;
		}

textarea.textbox  {
          	width: 100% !important;
   		}

.reply	{
		position: relative;
		margin: 20px 30px 10px 30px;
		padding: 25px 10px 10px 10px;
		text-align: left;
		}

.replytosubject {
		font-weight: bold;
		}

.commentreply {
		position: relative;
		padding: 30px 0px 50px 0px;
		font-size: 8pt;
		font-family: "arial", sans-serif;
		color: #BF6217;
		}

.commentbox {
		padding: 10px 20px 10px 10px;
	    	background-color: #F7A765;
		border: #FFC78F 1px solid;
		margin: 10px 0px 15px 0px;
		}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
		color: #ffffff;
		}

.datesubjectcomment a:hover {
		color: #ffffff;
		}

.commentboxpartial {
		padding: 10px;
		margin: 10px;
		background-color: #F7F3EA;
		}

.commentinfo {
		margin-top: 0px;
		width: 100%;
		background-color: #F7F3EA;
		}

/*--------------------------------------------
Misc
-----------------------------------------*/

.skiplinks {
		text-align: center;
		margin: -15px 0px 0px 0px;
		padding: 5px;
		color: #F7A765;
		border: #E1E4CF 5px solid;
	    	background-color: #F7A765;	
		}

.skiplinks a, .skiplinks a:link, skiplinks a:visited {
		color: #FFC78F;
		}

.clear {
		height: 15px;
		}

so, anyone care to lend a helping hand? =)

Mood:hopeful

sh3ll3y

everything_lj

24th-Dec-2009 07:50 pm - Userpic Issues

Name of journal:

ohthebackseat
Layout Style: Fleixble Sqaures
Basic, Paid or Plus: Paid
Problem you are having: I would just like my userpic on my entries to not be floating. I'd like them to remain where they are, but be a part of the entry. Idk if that makes any sense. I just want to extend the entry to where the userpic is, but I dont want the text of my entry to wrap around the userpic...

Also, I cannot figure out how to make my links not bold anymore. As simple as that should be... my coding must be messed up.

Thank you!

( Read more... )

ohthebackseat

everything_lj

24th-Dec-2009 02:27 am - Comment links: Reply/Thread/Link and buttons, move alignment to the right

Account type: Plus
Journal:

snooby_23

Hi again. I've already solved my previous problem. Now I want to know what codes to use to shift the comment links and the buttons located below the comments posted to the right without changing the other elements? I've tried modifying things like .comment, .commentreply, etc. but nothing made it look the way I wanted.

This is what I mean:

( css overrides and preview )

If someone please help me. I know this is simple but I just can't get myself to work this out. What's more, trying to figure this out made me stay up late till 3:00am. *sigh* Help!!!!

Tags:comment links

snooby_23

everything_lj

22nd-Dec-2009 08:22 am - Link Hover

Name of journal: Betsu no Sekai
Layout Style: Smooth Sailing + this stylesheet
Basic, Paid or Plus: Plus Problem you are having:
Basically, I wanted my links to turn colour when I hovered over them, but they seem to only work for some of the links. For example, run down the list of my tags page - only some turn colour, whereas others don't.

Thanks in advance!

sylphs_dream

everything_lj

20th-Dec-2009 01:59 pm - s2 flex squares tweaking a layout a bit

Name of journal:

misfittoyrescue
Layout Style: S2 Flexible Squares
Basic, Paid or Plus: Paid
Problem you are having: Just a few problems trying to tweak the layout to my liking... I might use it in my personal journal but I test my layouts in

misfittoyrescue.
1. I would like the header image centered
2. I would like the entry width to match up with the header/footer width, since I won't be allowing my icons to show with each entry.

Please & Thank you!

( Read more... )

dandelionghost

everything_lj

20th-Dec-2009 09:55 am - scrolling tags list in FS?

Name of journal:

goth_hippy
Layout Style: Flexible Squares
Basic, Paid or Plus: Paid
Problem you are having: How do I create a scrolling tags list? I looked in the tutorials and didn't find any answers. Specifically, I'd like to add a scrolling tags list to a topbar layout.

Thank you very much in advance!

( Read more... )

goth_hippy

everything_lj

19th-Dec-2009 07:33 pm(no subject)

Name of journal:

lonelyisourlife
Layout Style: Flexible Squares
Basic, Paid or Plus: Paid
Problem you are having: I was wondering if it's possible to put an older entry on top (friends only or whatever) without changing the date to 2012 or something. Like, if I have an entry dated 2001, is it possible to put it on top of all my 2009 entries?

Thank yous in advance~ :3

lonelyisourlife

everything_lj

18th-Dec-2009 06:38 am(no subject)

Name of journal:

twilighttttt
Layout Style: Custom
Basic, Paid or Plus: Paid
Problem you are having: I was wondering how to keep an older entry (example: Friends Only) on top of the new entries.

Thanks in advance

twilighttttt

everything_lj

14th-Dec-2009 06:43 pm - Browser issues with navigation bar

Name of journal:

miss_liddell
Layout Style: Flexible Squares
Basic, Paid or Plus: Paid
Problem you are having: I'm having problems getting the navigation bar in my layout to look how I want it to in Firefox (my default browser). It works perfectly in IE, so I'm having trouble understanding what I'm doing wrong.

( Pictures and problem )

Many, many thanks to anyone who can help.

miss_liddell

everything_lj

Customize

This page was loaded Dec 27th 2009, 6:55 pm GMT.

Advertisement

Advertisement