Quite Lickable

userheads disappeared!

bikyclist — Tue, 14 Sep 2010 16:33:09 GMT

So about a month ago, all of my userheads (lj user, rss & community) in the title area stopped loading.
Hadn't changed ANYTHING at all before it happened, and I figured that it would sort itself out again. Nope, it still refuses to load and I get this sort of thing under every title on my flist

in firefox, and a little blank box in IE and on my iphone.

Does anyone know why on earth this happened? And how to fix it?
If I change layout styles it all comes back, but I really love the lickable layout! I changed everything back to the default settings, removed all customisation, and it still stayed like that. Apparently the link for the images is wrong, but how can it be wrong? and if I change the userhead using the code from the tiny icon generator code, I can make the userheads change in the comments area, but that is all.

Does anyone know what might be going on? I'm pretty tech-savvy, but I have not customised my journal in a really long time and just don't know where to start digging through code!

rootwalla — Mon, 11 Aug 2008 22:39:14 GMT

Is there a list of all the different font elements (similar to this) that applies to Quite Lickable?

Mostly, I just want to make some of the fonts on my journal small-caps.

Blocking ability to edit timestamp??

lit_gal — Mon, 14 Apr 2008 02:31:53 GMT

I have a question that I can't seem to find an answer to anywhere. Is it possible to lock down a community in Quite Lickable so that the timestamp can't be edited?? We have a weekly challenge comm, and people are "postdating" entries, but I can't find a way to disable that feature.

shira — Wed, 19 Mar 2008 13:30:00 GMT

I am attempting to come up with a few Quite Lickable layouts to post on IJ, since there are so few custom layouts available over there. I have code that came from babyelefant and I have been modifying that, and I am stuck.

Here is the journal layout I'm working on, on IJ: Layout

How do I make the journal skinnier so that the excess margin on the left side and right side are gone? Every time I have tried all it's done is moved the content around and set everything to one side or the other. I want a centered journal, but thinner.

How do I change the security icon to a small one like the other tiny icons? I have no idea what code does that, though I managed to get the other icons replaced.

.entry .entryheader {
font-weight: bold;
text-align: left;
font-size: 1em;
}

.entry .entryheader h3 {
font-size: 1.5em;
margin: 0;
padding: 0;
margin-bottom: 5px;
}

.entryheader .entryicon {
float: right;
margin-right: 1em;
}

.entryheader .entryuserpic {
float: left;
clear: left;
display: block;
padding-right:10px;
margin-top:14px;
}
.page_friends .entryheader .entryuserpic {
display: block;
}

.entryheader .entryposter {
display: inline;
float:left;
margin-right: 1em;
}
.entryheader .entryposter:after {
content: " : ";
font-variant: small-caps;
}
.entryposter img, .collapsed_entry img {
height: 12px;
width: 10px;
}

.entryheader .entrytimestamp {
display: inline;
font-variant: small-caps;
}

.entrylinkbarpost{
display: none;
}
.page_entry .entrylinkbarpre, .page_reply .entrylinkbarpre {
display: block;
float: right;
}

.entry .entrycontent {
margin: 15px;
}

.entrymeta img{
float:center;
padding-right:3px;
}
.entrymeta {
list-style: none;
padding: 0;
margin: 0 0 0.5em 0;
display: block;
border:1px solid #f4f4f4;
padding:5px;
float:right;
}
.entrymeta .entrymetacaption {
font-weight: bold;
font-variant: small-caps;
color:#A52A2A;
}
.entrymeta li {
white-space: no-wrap;
}
.entrymeta a{
color:#000000 !important;
}
.entry .entryfooter {
margin: 0;
}

.entryfooter .entrycmdlinks {
list-style: none;
vertical-align: middle;
margin: 0; padding: 0em;
white-space: no-wrap;
text-align: left;
font-variant: small-caps;
}

.entrycmdlinks li {
display: inline;
margin-left: 1em;
}
.entrycmdlinks li:before {
content: " - ";
margin-right: 1em;
}
.entrycmdlinks li:first-child:before {
content: "";
}

.comments {
    list-style: none;
    padding: 0;
    margin-left: 50px;
}
.comments .comments {
    margin-left: 25px;
}
.comments > li {
    margin: 0;
    padding: 0;
}
.calendardaynum { text-align: right; }
.calendardaycount { text-align: center; }
.calendarday {
width: 14%;
}
.itemrange {
    list-style: none;
    padding: 0;
    margin: 0.5em;
    text-align: center;
}
.itemrange li {
    display: inline;
    margin: 0 0.25em;
}
.itemrange li a:before, .itemrange li.current:before {
    content: "[";
}
.itemrange li a:after, .itemrange li.current:after {
    content: "]";
}

body {
    color: #000000;
background:#f4f4f4 url(http://img407.imageshack.us/img407/5283/bgkd2.gif) repeat-y fixed top center;
    margin: 0;
    padding: 0;
    border: 0;
    font-family:"trebuchet ms", sans-serif;
    width: 100%;
    height: 100%;
}
body, td, table, th, tr {
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
}

#shadowhack1 {
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    margin-bottom: 0;
    width: 662px;
}

#shadowhack2 {
margin:0;
}

#pagecontainer {
    background-color: #ffffff;
    color: #000000;
    margin-left: 12px;
    margin-right: 12px;
    width: 662px;
}

a:link {
    color: #A52A2A;
}
a:visited {
    color: #4F0000;
}

#title {
    color: #A52A2A;
    background-color: #ffffff;
    border-bottom: 2px solid #000000;
    font-family: "gerogia", serif;
    overflow: hidden;
}
#title h1 {
display: none;
}

#title #journal_subtitle {
display: none;
}

#title {
    color: #e4e4e4;
    background-color: #ffffff;
        height: 75px;
}

#paraphernalia {
    float: right;
    width: 150px;
    font-family: "trebuchet ms", serif;
}
#paraphernalia h2 {
    font-family: "georgia", san-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 8px;
}
#paraphernalia .pbox {
    margin-left: 8px;
    margin-right: 8px;
    clear: both;
}
#journalinfouserpic {
text-align:center;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-top: 10px;

}
.pboxcontent {
    margin-left: 8px;
    margin-right: 8px;
    
}
.pbox dt {
    font-weight: normal;
    margin-top: 4px;
}
.pbox dd {
    padding: 0;
    margin-left: 24px;
}
.pbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pbox ul ul {
    margin:0px;
}
.pbox li {
    margin: 0;
    padding: 0;
    font-variant: small-caps;
}
.pbox li.current {
    font-weight: bold;
    font-variant: small-caps;
    width: 150px;
}
.pbox p {
    margin: 8px 0;
}

.pbox{
border-bottom:1px solid #f4f4f4;
padding-bottom:5px;
}

#main {
    margin: 0;
    min-height: 1024px;
    padding: 0 10px 0 0;
    width: 500px;
    float: left;
border-right:1px solid #f4f4f4;
}
* html #main {
    height: 1024px; /* IE-only hack */
}

.day h2 {
    font-size: 12px;
    font-weight: bold;
    font-family: "trebuchet ms", sans-serif;
    margin: 10px;
    font-variant: small-caps;
}

.entry {
    margin: 16px 16px 36px 16px;
}
.entryheader {
    font-size: 12px;
}

.page_entry .entryheader .entrytimestampdate, .page_reply .entryheader .entrytimestampdate {
    display: inline;
}

.comments .entry {
    margin-left: 0;
    margin-bottom: 8px;
}
.comments .entry .entryheader {
    background: #ffffff;
}

.calendarmonth {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: collapse;
    margin-bottom: 2em;
}
.calendarmonth td, .calendarmonth th {
    padding: 0.5em;
    margin: 0;
}
.calendarmonthlink {
    text-align: center;
}
.calendarmonthheader h2 {
    font-size: 12px;
    margin: 0;
}

.page_month #main form, .page_month #main dl {
    margin: 8px;
}

#server_sig {
display:none;
}

div.ljtags { display: inline; }

input, textarea {
    font-family: "trebuchet ms", sans-serif;
    font-size: 10px;
}

.journallinkbar {
display:none;
}
#journalinfo .pboxcontent p{
height:100px;
overflow:auto;
}

.day h2, .pbox h2, .pboxcontent span{
border-bottom: 1px solid #A52A2A;
color:#A52A2A;
display:block;
}
.entryheader{
border-left:10px solid #A52A2A;
padding-left:5px;
border-bottom:1px solid #f4f4f4;
margin-bottom:5px;
}

.pboxcontent p{
text-align:justify;
font-family: "georgia";
font-size: 11px;
font-style: italic;
}

blockquote{
border-left:10px solid #A52A2A;
border-right:10px solid #A52A2A;
border-bottom:1px solid #f4f4f4;
border-top:1px solid #f4f4f4;
padding:5px;
text-align:justify;
}

#viewsel a, #userlinks a{
text-decoration:none;
}

.pboxcontent span{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 8px;
position:relative;
left:-10px;
}

.entry {
width:480px;
overflow-x:auto;
}

.entrylinkbarpre{
margin-top:5px;
}

/*Icons from FAMFAMFAM*/

/* so that IE users will see a new image */
* html span.ljuser{
background-image: url(http://www.insanejournal.com/img/userinfo.gif);
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 16px 16px 0px;
}
* html span.ljuser img{
visibility: hidden;
}

/* icon for users */
.ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img371.imageshack.us/img371/1630/userreduy1.gif);
padding: 16px 16px 0 0;
}
/* icon for communities */
.ljuser img[src="http://www.insanejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img76.imageshack.us/img76/6216/grouppd3.gif);
padding: 16px 16px 0 0;
}

.entrylinkbarpre img[src="http://www.insanejournal.com/img/btn_edit.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://img506.imageshack.us/img506/1203/pagewhiteeditum0.gif);
background-repeat: no-repeat;
}

.entrylinkbarpre img[src="http://www.insanejournal.com/img/btn_edittags.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://img371.imageshack.us/img371/1695/tagredoj2.gif);
background-repeat: no-repeat;
}

.entrylinkbarpre img[src="http://www.insanejournal.com/img/btn_memories.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://img371.imageshack.us/img371/9375/heartyt1.gif);
background-repeat: no-repeat;
}

.entrylinkbarpre img[src="http://www.insanejournal.com/img/btn_tellfriend.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://img.photobucket.com/albums/v345/shira_uma/icons_graphics/comment.png);
background-repeat: no-repeat;
}

.entrylinkbarpre img[src="http://www.insanejournal.com/img/btn_track.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://img506.imageshack.us/img506/7690/newspaperaddll2.gif);
background-repeat: no-repeat;
}

.entrylinkbarpre img[src="http://www.insanejournal.com/img/btn_tracking.gif"]{
width: 0;
height: 0;
padding: 0 16px 16px 0;
background: url(http://img506.imageshack.us/img506/440/newspaperdeletewe3.gif);
background-repeat: no-repeat;
}

#menu #lj-summary img[src="http://www.insanejournal.com/img/icon_protected.gif"]{
            width: 0;
            height: 0;
            padding: 0 16px 16px 0;
            background: url("http://i193.photobucket.com/albums/z113/SourWhiskey/ij_images/16-security-lock.png");
}
#menu #lj-summary img[src="http://www.insanejournal.com/img/icon_private.gif"]{
            width: 0;
            height: 0;
            padding: 0 16px 16px 0;
            background: url("http://i193.photobucket.com/albums/z113/SourWhiskey/ij_images/16-em-plus.png");

/* so that IE users will see a new image */
* html .entryposter{
background-image: url(http://img371.imageshack.us/img371/1630/userreduy1.gif);
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 16px 16px 0px;
}
* html .entryposter img{
visibility: hidden;
}

.entryposter img[src="http://www.insanejournal.com/img/userinfo.gif"]{
width: 0;
height: 0;
padding: 0 14px 14px 0;
background-image: url(http://img371.imageshack.us/img371/1630/userreduy1.gif);
background-repeat: no-repeat;
background-position: left middle;
}

.entryposter img[src="http://www.insanejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img76.imageshack.us/img76/6216/grouppd3.gif);
padding: 0 16px 16px 0;
background-position: left middle;
}

/* so that IE users will still see an image */
            background-image: url("http://i193.photobucket.com/albums/z113/SourWhiskey/ij_images/16-security-lock.png");
background-repeat: no-repeat;
background-position: left middle;
padding: 0px 16px 16px 0px;

/*HEADER GOES HERE*/
#pagecontainer{
background-image:url(IMAGEURL);
background-repeat:no-repeat;
background-position:center top;
padding-top:IMAGEHEIGHTpx;
}

Thanks, everyone.

Comment & # of Comments bleeding together

funkycanuck — Fri, 14 Mar 2008 13:36:44 GMT

Ever since I upgraded to IE 7 last year (yes, I'm finally getting around to posting about this), my leave a comment and # of comments bleeds together. There's no space between them. Has anyone else run into this problem? Or is it just me? Is there a way to correct this?

what the?!

errantmystic — Fri, 15 Feb 2008 08:04:36 GMT

Hey folks.

So far I've done a lot of customization with my layer.
-added tags list to my sidebar
-changed "mood" music" & "location"
-changed "navigation" "links" and "tags"
-added custom header and background

For some reason, no matter WHAT I do, I cannot get that line between my entries to work. It is driving me mad. :( Any idea what could be causing the error? I loathe how the entries bleed together, and really want something dividing them.

Also, for some reason, my tags list is now above my links, but before when I was messing around with the customizations, they were below the links. I cannot isolate what I did differently. Ideas?

I love QL and it has taken place of all layouts I have ever liked.
So yes, I am being uber picky, heh.

Thanks!

three tweaks that are bugging me

errantmystic — Thu, 31 Jan 2008 17:14:10 GMT

Hello! This community doesn't seem too active, but I hope I can find some help. ^__^

After seeing multiple friends use it, I switched to QL, as it seems the best S2 layer I've yet seen. I went through every entry in this community and was able to tweak almost everything I wanted, but there are still a few questions I'd like to ask.

1. Is there a way to add either an image or line between entries?
2. Is there a way to change the text for location and tags, as with mood and music?
3. Is there a way to choose the order of sections in the sidebar?

These questions were asked before, but I wasn't able to find an answer that seemed to help.
I already have a custom layer going, if that helps. Thanks in advance!!!

Probably a Very Simple Question....

berry_hearts — Mon, 26 Nov 2007 18:22:53 GMT

...but is there any way for me to move the font in the title thingy to the bottom of the header? I can move it to the right/left/center but I cannot move it down. any ideas?

Tags in the Sidebar?

jumperdiva — Tue, 20 Nov 2007 01:44:29 GMT

I lost my old layout (a customized Generator one I made years ago. I was in love with it but not much I can do - the code is not saved on this computer.

Anyway, I decided to give Quite Lickable a shot thinking I'd be able to have tags in the sidebar and spent awhile getting the colors, background, etc. how I wanted them.

Is there an easy CSS code I can pop in to display the tags? I'm not a paid member.

Changing the main alignment

amnellwyvern — Mon, 05 Nov 2007 06:18:01 GMT

Hi, I'm new to the Quite Lickable style and I've been working hard all night trying to customize it. I do have one question that I haven't found an answer to yet. Is it possible to get the entire journal to align to the right hand side? Like, have the main journal area and the side bar all squished over onto the right hand side with no space between the side of the browser and the side bar?

changing text for mood and location metadata

almond_joyz — Wed, 08 Aug 2007 15:47:54 GMT

~~On my fiction journal, fics_by_aj I am using Lickable and want to change the text of the location, music and mood to something other than the default. How can I do that?~~

I figured it out all by myself...whoot!!!

Button links?

monicapdx — Mon, 30 Apr 2007 21:03:06 GMT

Has anyone done mods to be able to add button links to a sidebar in Lickable for an S2 paid account? You know, like most other blog hosts out there can do. I am not a coder, to figure this myself; I suck at it.
If it's possible, I'd like to be able to slap a button link instead of text-only in a sidebar without having to learn a whole bloody new skillset. Esp. since I don't seem to have the brain for code, after screaming in frustration at what looks like very simple stuff. Gahh. So you know, pre-digested S2; a full template, places marked where I just have to paste image and link code; walk me through how to add the sucker to my style in small words; what to cut and paste to add more buttons later; and that's it. Or enlighten me if there's a blindingly obvious workaround to doing this via the regular links list.

Has anyone done this for QL, or know of such a resource? If not, is there a community I haven't found yet where I could trade doing graphics or something to have someone make me one? (I have kept searching thru the layout communities, but apparently not in the right place yet.) I realize it's probably just modding a layer or style already out there. But frankly, I could more easily design a company newsletter than muck about with code. I know how to lay out a newsletter. <g>
</div>

Adjusting template

guinevere79 — Mon, 30 Apr 2007 09:19:54 GMT

I just started an LJ account and I have a somewhat concrete idea of how I want my layout to look like. I want it to be simple and easily customizable, so I chose the Quite Lickable layout. I have some questions though:

1. Is there any way I can adjust the width of the content area? On certain computers, the background hardly shows up.

2. Can I use a different background pattern for the sidebar similar to this one: layout-lady.livejournal.com?

3. Can I change the size and color of the titles to my posts?

My LJ is just a work-in-progress, it looks like this right now: guinevere79.livejournal.com. It’s just a plus account. I may be willing to convert to paid account if the questions I have above may be addressed if I get a paid account.

Bad default icon. Baaaad icon!

mouette_lunaire — Tue, 03 Apr 2007 21:22:16 GMT

Hoy there!

I've just discovered S2 Quite Lickable for my paid account and I'm really happy with it or at least I would be if it weren't for my default userpic and those pesky little 22x20 icons beneath it.

So I was wondering - how do I get rid of that (while keeping the individual userpics on my recent entries)?

Edit: Whoops, silly me. Never mind about the 22x20 icons, though I'd still like to get rid of the userpic plus perhaps move the sidebar to the left side (and I hope I'm not missing the obvious again). SOS?

Thanks in advance for your help!

Timestamp

captainz — Sat, 03 Feb 2007 21:46:32 GMT

After lots of experimenting and searching, I just can't seem to figure out how to get rid of the timestamp that appears below the headers to my entries. I'd appreciate any help! Thanks!

Multi-level Tags

sreya — Sun, 03 Dec 2006 21:09:00 GMT

Thanks for the help so far, I've really gotten my journal looking pretty neat!

I was wondering if anyone's figured out how to use the multi-level tag list concept in QL. I tried hacking in with some other code I found, but no luck yet. It just comes up blank instead of with the list.

I tried using murklintest's code in the Flexible Squares community, if you're curious to see some.

Custom Sidebar Modules

sreya — Sun, 03 Dec 2006 05:07:50 GMT

Is there a basic code for creating custom sidebar modules? I found the code for adding the Tags list, but didn't really see a way of making it more general.

aligning metadata

mypaperplane — Fri, 01 Sep 2006 11:40:18 GMT

How do I align the current mood, music and tags next to the mood icon for free account?

I used the following, but it looks somewhat overlapped since the metadata is a list.

.entrymeta img {
float: left;
margin-top: 0px;
}

Crossposted to s2styles

A few questions

crownedlily — Fri, 01 Sep 2006 01:05:26 GMT

1. is it possible to have my tags put in a scrolling text box.
2. can I add more links to the links (ex, the recent entries, friends, calendar links)
3. can I put free text boxes into my sidebar.

I have a paid account by the way.

A question.

ems — Tue, 29 Aug 2006 17:34:04 GMT

So I know you can set the music and mood labels at the bottom of each entry with this code:

set text_meta_mood = "mood";
set text_meta_music = "music";

Can you do the same for tags?

post links and security icons [solved]

mypaperplane — Fri, 25 Aug 2006 09:40:16 GMT

I'm using Free account and I have two questions regarding the template:

1) Is it possible to include the "Add to Memories", "Edit Post" etc on each post? I realise this question has already been asked several times, and only this provides something close to an answer, but I'm still clueless as to how that works.

2) Is it possible to move the "friends-only" and "private" post icons onto the subject line?

Thank you. :D

4am_secret — Sat, 19 Aug 2006 20:00:56 GMT

Hello all :)

I'm still fiddling around with the layout for hp_stillness, heh. While I have it absolutely perfect in Firefox, just what I wanted, I've checked it in IE and for some reason, the main body is off-center. Is there a way to re-align it so that it's centered and lines up with the header? It's probably the simplest thing ever, I just can't seem to figure it out!

Header image size question

_workinprogress — Wed, 16 Aug 2006 09:02:07 GMT

Is there any way to resize the header (and all elements) according to percentages?
I have a beautiful, but rather large, header image.
Now, I could make smaller, of course. But I don't want to, if it's not necessary.
Can I change the layout so it's always, let's say about 90% of the page width, and the header accordingly?

Bear in mind that I do have some limited programming experience, and that I've fiddled around with themes and layers before (the last layout I was using doesn't have headers, so I had to go in change that manually).

any pointers in the right direction would be greatly appreciated.

ta — Mon, 07 Aug 2006 06:26:01 GMT

Can you explain why on my recent entries page everything's all right, but on the friends page entries background disappears. How can I change that?

Polls

ems — Sun, 06 Aug 2006 15:09:26 GMT

Is there any way to change the length of the bars in polls? Not only does it look ugly because they're the wrong length, it also breaks my whole layout. Don't know about anyone else. I know it's the polls because if I view entries containing polls by themselves, it's still broken, but if a view an entry without a poll, it's fine.

It only breaks in IE, which is why it's taken so long for me to notice - I never use IE!

Hope someone can help. Thank you!

ETA: Oh, it's not just polls, it's oversized pictures, too. Mozilla deals with it fine - the picture just overlaps the text - but of course, IE has to go and be rubbish, as always. Bah.

I don't suppose there's much can be done about that. But I would still like to know how to shorten the poll bars, if possible. :)