Dreamwidth style system discussion

SOLVED: Browser compatibility...

Wed, 16 May 2012 15:14:46 GMT

So I made a banner for a DW community, The RecCollectors. It seems to display fine in Firefox and Chrome, but no image comes up in IE.

Right now it uses CSS3 to stack the main image on top of a tiled background image (the stripe). I'm happy with how it displays in Firefox and Chrome, but obviously I need to do something for IE. I tried to write an IE conditional comment specifying a slightly modified image that would work as a stand alone, but I can't get it to work in the custom CSS box.

Does anyone have any suggestions about what I should try next? Is there a better way to combine a fixed image and a tiled image in a header?

Thanks for any input.

ETA: Found a potential something in the comments to another post...adding some custom CSS that puts one image in #header and the other in #header .inner ? Anyone know how that might work?

comments

@font-face browser compatibility issues

Mon, 07 May 2012 22:13:30 GMT

Hey! So it's me again. I've got a promblem with my @font-face tag that for some reason isn't showing up in Firefox. Works in Chrome with no issues at all, but Firefox keeps defaulting to my back-up fonts.

How it looks in Chrome/How I want it to look

How it looks in Firefox

/*@font-face*/

@font-face {

font-family: "Bebas Neue";

src: url(http://dl.dropbox.com/u/59359072/BebasNeue-webfont.eot);

}

@font-face {

font-family: "Bebas Neue";

src: url(http://dl.dropbox.com/u/59359072/BebasNeue-webfont.ttf) format("opentype");

}

/* Colours:

#B5BFBD - PALE VIOLET

#7C7D78 - DARK GREY

#E6E6E6 - LIGHT GREY

#F26A53 - RED */

/* Basics */

body {

background-color: #fff29D;

font-family: "Arial Narrow", "Century Gothic", Helvetica, Arial, sans-serif;

font-size: 14px/1.2em;

letter-spacing: -1px;

color: #7C7D78;

padding: 0;

margin: 0;

text-align: left;

}

a, a:link, a:visited {

color: #F26A53;

text-decoration: none;

}

blockquote {

background: url() no-repeat;

padding: 10px;

color: #F26A53;

font-family: Georgia;

font-style:  italic;

text-align:  justify;

}

code, kbd, pre, tt {

font-family: Helvetica, Arial, sans-serif;

font-size: 1em;

background: #FEFDFB;

border: 1px solid #E6E6E6;

}

b, i, s, u, emphasise, abbr, strong, strike { color: #7C7D78; }

/* previous next navigation buttons */

.topnav, .bottomnav {
	color: #F26A53;

padding-top: 20px;

padding-bottom:20px;

text-align: center;

font-family: "Bebas Neue";

font-size: 1.5em;

position: relative;

left:-5%;
	}

.topnav {
	display: none}

.page-separator, li.page-separator, ul .page-separator, ol page-separator { 
	display:inline;

color: #7C7D78;

padding: 5px;
	}

.navigation ul {

display: inline;

padding: 0;

margin: 0;
	}

.navigation li {
	display: inline;
	
	list-style-type: none;
}

/* CONTENT */

#header {

float: left;

font-size: 1.8em;

font-family: "Bebas Neue", "Arial Narrow", Helvetica, sans-serif;

text-transform: uppercase;

text-shadow: 3px 3px 5px #666;

color: #F26A53;

letter-spacing: 6px;

position:relative;

top: 100px;

left: 50%;

background:transparent url() no-repeat top center;

z-index: 10;

}

h2#title {

float: left;

position: relative;

left: -50%;

}

h2#pagetitle {display: none;}

#footer {

clear: both;
	width: 100%;
}

#canvas	{

width: 600px;
	z-index: 10;

}

#primary {

float: left;

z-index: 50;

padding: 100px 0px 0px 0px;

margin: 10px 10px 10px 300px;

width: 100%;

text-align: left;

}

#secondary {

float: left;

position: absolute;

top: 30%;

left: 50%;

margin: 0 auto;

font-size: 1.5em;

background: transparent;

z-index: 100;

}

#tertiary {

float: right;

display: block;

position: fixed;

top: 300px;

right: 10%;

clear: both;

width: 200px;

}

/*navigation bar under header*/

.module-navlinks {

margin: 0;

padding: 0;

font-family: "Century Gothic";

font-size: 1.1 em;

position: relative;

top: -50%;

left: -55%;

}

.module-navlinks li {

float: left;

list-style-type: none;

margin: 0 0 0 0.5em;

padding: 0.25em;

background: transparent;

color: #7C7D78;

}

.module-navlinks a {

color: #7C7D78;

text-decoration: none;

text-transform: lowercase;

font-size: 15px;

}

.module-navlinks .clear {

clear: left;

height: 1px;

margin-top: -1px;

}

/*SIDEBAR MODULES*/

.module-header {

display: block;

font-size:0px;
}
.module-typelist {

margin: 0;

padding: 0;

font-family: "Bebas Neue";

}

.module-typelist ul {
	
	list-style-type: none;

margin: 0;

padding: 0;

}

.module-typelist a {
	
	display: block;

overflow: hidden;

padding: .4em;

margin-bottom: 2px;

background: transparent url();

text-transform: uppercase;

width: 200px;

text-align: left;

color: #F26A53;

font-family: "Bebas Neue", "Arial Narrow";

text-transform: uppercase;

font-size: 1.4em;

font-weight: bold;

letter-spacing: 0.4em;	
}

.module-typelist a:hover {
	text-shadow: 3px 3px 5px #999;
}
/* ENTRY CONTENT */

.entry {

background-color: #F9F9F9;

width: 500px;

padding: 20px;

margin: 0px;

margin-bottom: 30px;

font-family: "Arial Narrow", Arial, Helvetica, sans-serif;

font-size: 1.2em;

border: 10px solid #F9F9F9;

}

.entry-content {

padding-top: 10px;

margin: 10px 0px;

text-align: justify;

}

.entry-content img {
	 
	max-width: 100%;

border: 10px solid #F9F9F9;
		
}

.entry-content video {
	
	max-width: 100&;

}

.entry-title {
	
	display: block;

padding: 5px 50px 5px 10px;

margin: 0;

font-family: "Bebas Neue", "Arial Narrow", Arial, Sans-serif;

text-transform: uppercase;

font-size: 1.2em;

overflow: hidden;

}

.entry-title a {
	
	background: #E6E6E6 url ();

font-family: "Bebas Neue", "Arial Narrow", sans-serif;

color: #7C7D78;

}

.entry-title: hover  {
	color: #F26A53;
}

.userpic {

display: block;

float: left;

position: relative;

top: 10px;

padding: 0 0 0 0;

margin: -110px 0 0 -170px;

}

.userpic img {

width: 100px;

height: 100px;

border: 10px solid #F9F9F9;

box-shadow: 3px 3px 5px #666;

-webkit-box-shadow: 3px 3px 5px #666;

-moz-box-shadow: 3px 3px 5px #666;

}

/* Metadata and Tags */

.metadata {

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

text-transform: lowercase;

}

div.metadata ul {

list-style: none;

padding: 0px;

margin: 0px;

}

div.metadata ul li {

display: inline;

text-align: left;

list-style-type: none;

padding: 0px;

margin: 0px;

}

span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, div.tag ul  {

display: inline;

list-style-type: none;

list-style-position: outside;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

}

.tag {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

}

span.tag-text {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

}

div.tag ul li {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

ul.entry-management-links {

display: block;

text-align: center;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

color: #7C7D78;

}

ul.entry-management-links li {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

color: #7C7D78;

}

ul.entry-management-links a {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

color: #7C7D78;

}

ul.entry-interaction-links {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

ul.entry-interaction-links li {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

ul.entry-interaction-links a {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

.tag, .entry-interaction-links, .entry-management-links, .comment-interaction-links, .comment-management-links {

display: inline;

font-family: "Bebas Neue", "Arial Narrow", "Helvetica", Arial;

padding: 2px;

}

I'd be super grateful for any help at all!

comments

Question regarding module headers.

Sun, 06 May 2012 20:41:04 GMT

EDIT:: Problem solved, thanks to awakened! C:

Currently, I am having issues with wanting to change the module header text for both "Links" and "Profile" at the bottom of my page [akin to how one may edit said header text for the 'custom text' box module] as is seen like this --

"<body>
<div class="module-userprofile module"><h2 class="module-header"><a href="http://ephemeraldelusion.dreamwidth.org/profile">Profile</a></h2>
<div class="module-typelist module"><h2 class="module-header">Links</h2>
</body>"

"<body>
<div class="module-userprofile module"><h2 class="module-header"><a href="http://ephemeraldelusion.dreamwidth.org/profile">delineation</a></h2>
<div class="module-typelist module"><h2 class="module-header">connections</h2>
</body>"

[Yes, I am one of those obnoxious people who love to use fancy words in place of the given titles.]

However, I have noted that one may not edit any body text, of course, so how may I go about doing this? Is there any way?

Currently I have "h2.module-header { display:none; }" in its place as the titles were bothering me that badly. [Sadly that removes the calender header as well, which I am rather displeased about.]

Is there anything I may do or am I stuck module header-less for the rest of my stay? [I really am not all too savvy in CSS, so I may be asking a stupid question.]

comments

Question About Adding Divs

Thu, 03 May 2012 08:52:36 GMT

If I'm using a code like this to change my date format, is there a way to add classes to the heart symbols I'm using as separators?

The code:

set entry_date_format = "short";
set lang_fmt_date_short = "%%da%% ❤ %%mm%%/%%d%%/%%yy%%";

set entry_time_format = "short";
set lang_fmt_time_short = "❤ %%hh%%:%%min%% %%a%%m";

Any help is appreciated!

comments

HTML Coding

Sun, 29 Apr 2012 13:15:43 GMT

And I'm back with yet another question.

I am currently changing my profile code and I noticed that some HTML coding that I normally use doesn't quite work anymore... I want to change the font size of the titles of the paragraphs, but no matter what I enter in the code, the size stays the same. For example: the code usually does the trick, but now it doesn't change anything. I'm confused.

comments

Width body and space metadata

Sat, 28 Apr 2012 16:16:17 GMT

Hi. I just changed my layout and am struggling with a couple of things. First off, I would like to change the width of the header and entry holders. But I am not sure what to edit in the CSS. I also would like to change the space between the last line of my entry and the tags. Right now, they're very close together if that makes any sense.

Here's my CSS if it helps.

"/*-------------------------------------

blanket by renoir [ renoir.dreamwidth.com ]
	DREAMWIDTH + tabularasa
	tiny icon credits: pinvoke.com
	please do not redistribute

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

body { background: #111 url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Backgrounds/05.jpg') fixed; padding: 0; margin: 0; text-align: center; font: 8pt normal 'Tahoma', 'Lucida Sans Unicode', sans-serif; color: #888; }

a, a:active, a:visited { text-decoration: none; color: #51a3b0; }
a:hover { color: #f0a830; }

#canvas { margin: 0 auto 3em auto; text-align: justify; padding: 0; }
#tertiary {  }
#content { padding: 0; margin: 0; }
#primary { width: 600px; margin: 0 auto; z-index: 0; padding: 0; }

/*--- header + footer ---*/
#header { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; }
#footer { display: block; clear: both; }
.page-top { width: 540px; margin: 0 auto; text-transform: uppercase; text-align: right; }
.navigation { width: 540px; margin: 0 auto; text-transform: uppercase; text-align: right; }
li.page-back, li.page-forward { display: inline; list-style: none; padding: 0; margin: 0 0 0 5px; }
li.page-separator { display: none; }
div.navigation ul { display: inline; padding: 0; margin: 0; }

/*--- header texts ---*/
div#header h1#title { font-size: 10pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 0; padding: 0; margin: 0; }
div#header h2#subtitle { font-size: 8pt; font-weight: normal; text-transform: none; color: #AAA; letter-spacing: 1px; padding: 0; margin: 0; }
div#header h2#pagetitle { font-size: 8pt; font-weight: normal; text-transform: uppercase; color: #CFCFCF; letter-spacing: 1px; padding: 0; margin: 10px 0 0 0; }

/*--- navigation links ---*/
div.module-navlinks { background: #F2EBD7; position: fixed; bottom: 0; z-index: 100; padding: 10px; width: 100%; margin: 0 auto; }
div.module-navlinks ul.module-list { display: inline; padding: 0; margin: 0 0 0 40px; text-transform: uppercase; letter-spacing: -0.5px; }
div.module-navlinks ul.module-list li { display: inline; margin: 0 10px 0 0; list-style: none; border-right: 1px solid #C7BFA6; padding: 0 5px 0 0; }

/*--- disabled items in sidebar ---*/
.module-calendar, .module-pagesummary, .module-syndicate, .module-userprofile, .module-customtext, .module-tags_list  { display: none; }

/*--- image replacements ---*/
.header img[src="http://s.dreamwidth.org/img/silk/entry/locked.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/snou1g.png'); }
.header img[src="http://s.dreamwidth.org/img/silk/entry/private.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i43.tinypic.com/2zxurux.png'); }
.ljuser img[src="http://s.dreamwidth.org/img/silk/identity/user.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i39.tinypic.com/2n7ee7d.png') no-repeat; }
.ljuser img[src="http://s.dreamwidth.org/img/silk/identity/community.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i41.tinypic.com/2gtuv40.png') no-repeat; }
.ljuser img { width: 0; height: 0; background-repeat: no-repeat; background-color: transparent; background-image: url('http://i39.tinypic.com/2n7ee7d.png'); padding: 13px 13px 0 0 !important; }

.entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/edit.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/1zzp1zm.jpg.png'); }
.entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/tag_edit.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/2emg76r.png'); }
.entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/memories_add.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i42.tinypic.com/2a9ayvs.png'); }
.entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/tellafriend.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i42.tinypic.com/2v3lvli.png'); }
.entry-management-links img[src="http://s.dreamwidth.org/img/silk/entry/track.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/vih34o.png'); }

.userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/subscription_add.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/1zfmsyd.png'); }
.userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/post.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/mw8htu.png'); }
.userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/message.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i40.tinypic.com/2ngen28.png'); }
.userlite-interaction-links img[src="http://s.dreamwidth.org/img/silk/profile/tellafriend.png"] { width: 0; height: 0; padding: 10px 10px 0px 0px; background: url('http://i44.tinypic.com/2hib1x4.png'); }

/*--- entry ---*/
div.entry { background: #FFF; padding: 20px; margin: 0 0 20px 0; border-left: 20px solid #F2EBD7; }
div.entry-content { margin: 10px 0 0 0; }

div.header { padding: 0; margin: 0 0 10px 0; }
h3.entry-title { font-size: 12pt; font-weight: normal; text-transform: none; color: #099aaf; letter-spacing: -1; padding: 0; margin: 0; }
h3.entry-title a { color: #099aaf; }

.datetime { font-size: 7pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 1px; padding: 0; }
.datetime a { color: #AAA; }

.userpic { display: none; float: left; margin: 0 10px 10px 0; }
.userpic img { width: 80px; height: 80px; padding: 5px; border: 1px solid #DDD; background: #FFF!important; }

span.poster { font-size: 7pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 0; padding: 0; }

.metadata { margin: 20px 0 0 0; }
div.metadata ul { padding: 0; margin: 0; }
div.metadata ul li { list-style: none; font-size: 7pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 0; padding: 0; }
span.metadata-label-location, span.metadata-label-mood, span.metadata-label-music { display: none; }
span.metadata-item-location { background: url('http://i41.tinypic.com/mjxxqx.png') no-repeat; padding: 0 0 0 13px; }
span.metadata-item-mood { background: url('http://i39.tinypic.com/28ldybp.png') no-repeat; padding: 0 0 0 13px; }
span.metadata-item-music { background: url('http://i39.tinypic.com/20rvaiq.png') no-repeat; padding: 0 0 0 13px; }

span.tag-text { display: none; }
div.tag ul { background: url('http://members.ziggo.nl/droomers/Dreamwidth/Layout/Tag.png') no-repeat; padding: 0 0 0 16px; margin: 0px; display: inline; }
div.tag ul li { display: inline; list-style: none; font-size: 7pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 0; padding: 0; }

ul.entry-management-links { padding: 0; margin: 10px 0 0 0; }
ul.entry-management-links li { display: inline; list-style: none; font-size: 7pt; font-weight: normal; text-transform: none; color: #AAA; letter-spacing: 0; padding: 0 5px 0 0; }

ul.entry-interaction-links { padding: 0 0 5px 0; margin: 10px 0 0 0; text-align: center; border-bottom: 1px solid #EEE; }
ul.entry-interaction-links li { display: inline; list-style: none; font-size: 7pt; font-weight: normal; text-transform: uppercase; color: #AAA; letter-spacing: 0; padding: 0 5px 0 0; }

/*--- comments ---*/
hr.above-entry-interaction-links, hr.below-reply-container { display: none; }

input, textarea { background: #FFF; padding: 5px; border: 1px solid #EEE; font: 7pt 'Helvetica', Arial, Arial Narrow, sans; color: #BBB; line-height: 1.8em; }
textarea.textbox  { width: 100% !important; }

.poster-ip { display: none; }

.page-reply .entry-wrapper-even {  }
.page-reply .entry-wrapper-odd {  }

.comment { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; }
.comment-wrapper { margin: 20px 0; padding: 0; }
.comment-content {  }

.bottomcomment { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; }

.comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
.comment-management-links li, .comment-interaction-links li { display: inline; }

#qrform table { border: 0!important; }

/*--- archive ---*/
li.active { list-style: none; display: inline; text-transform: uppercase; color: #c88311; padding: 0; margin: 0; text-align: center; }

.month { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; }
.month h3 { font-size: 8pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; }

div.navigation ul { display: inline; }
div.navigation li { display: inline; list-style: none; }

.month th { background: #EEE; font-size: 7pt; font-weight: normal; text-transform: uppercase; padding: 5px; text-align: center; color: #AAA; }
.month table { width: 100%; border: 0; margin: auto; }
.month caption { display: none; }

td.day { padding: 5px; border: 1px solid #F0F0F0; }

/*--- tags ---*/
.page-tags h2 { font-size: 8pt; font-weight: normal; text-transform: lowercase; color: #AAA; letter-spacing: 1px; padding: 0; margin: 0; text-align: right; }

.page-tags #primary {  }

.page-tags .tags-container { width: 540px; margin: 0 auto 20px auto; background: #FFF; padding: 40px 20px; border-left: 20px solid #F2EBD7; }

.page-tags .ljtaglist { margin: 10px; padding: 0; }
.page-tags .ljtaglist li { margin: 0 0 0 10px; padding: 0; list-style: none; }"

comments

Header and Browser Compatibility issues in Tabula Rasa?

Wed, 25 Apr 2012 06:58:09 GMT

Problem SOLVED! Hey, so I'm using Google Chrome most of the time, and my Thor themed layout works fine in that (except for a few issues that I'm pretty sure I can figure out myself) but when I use a different browser (i.e. Internet Explorer or Firefox; I haven't tried any others) the header doesn't sit where I want to sit. Which is mostly I guess because I used position: absolute but I'm not sure how else to get it centered above my posts.

This is how I want it to look in all browsers and how it looks when I use Chrome. This is how it looks on Firefox and this is how it looks on IE.

In both IE and FF, the header is too far left for what I want.

This is the code I used:

Also, in IE the sidebar doesn't show up. Could that be because I used position: fixed?

I'd be glad for any help!

comments

How to change color of .module_navlinks separator

Tue, 24 Apr 2012 22:26:41 GMT

Hello,

I've managed to change the color of the link text:

.module-navlinks a {
color: #8B4500 !important;
}

But not the color of separators ("|") .

comments

Custom Private Module

Mon, 09 Apr 2012 05:06:13 GMT

Is it possible to create a custom text module for a community that is only visible to members of that community?

comments

Thu, 05 Apr 2012 04:57:38 GMT

Hey there. I'm editing a layout for an rp comm, and I'm having comment issues. I have two questions.

1: How do you reduce the width of the comment boxes? They're kind of big and gangly at the moment-I know DW is just kind of big and gangly with comment boxes to begin with, but there's got to be a way to make them skinnier.

2: What's the code for changing the link/reply/thread links? I want to make them smaller, but I don't have any luck so far.

For reference, the layout can be seen here and the style sheet is blanket. Any/all help would be appreciated!

comments

SOLVED

Tue, 03 Apr 2012 10:42:48 GMT

Hello! I am not very sure where to ask this so I hope I got the right place :)

I really love the idea of having rainbow links (taken from here) but I know DW does not allow any javascript. I was wondering if there are other ways/codes of achieving the same effect of having rainbow links?

Thank you! :)

EDIT: I have found the solution from here!!

comments

Mood theme picture on left, including tags: S2 code!

Tue, 27 Mar 2012 09:09:19 GMT

Okay, so. Over in this entry meicdon13 asked about putting hir's moodtheme picture on the left of the metadata. awakened provided a link to an entry with the same question, where mmmag had provided some S2 code that works for all metadata except tags (because tags aren't actually metadata in the code).

awakened mentioned that having tags as well would be super cool, I agreed, tried to make it work, failed hardcore and flailed in #dreamwidth. At which point afuna was super awesome and patient and fantastic, and fixed it all up, despite it being "a bit weird because you're combining the $currents, which is basically making a string and printing it out later with print_tags, which prints it out *right now*". And then I failed to copy-paste the code correctly, so I'm putting it up as an entry instead of yet another comment.

Was that convoluted enough? Anyway, here's some code that will put your moodtheme image on the left!

Step 1: Make a theme layer. (Tutorial for how to make and use a theme layer here!)

Step 2: Copy-paste this code into your theme layer: ( Code! )

Step 3: Hit save and compile, and assuming you're already using the theme layer, you're done! If not, use the theme layer, as described in the much more awesome tutorial linked to in step 1.

comments

Feed question.

Tue, 27 Mar 2012 09:04:58 GMT

I'm not sure if this is the right place to ask this. Sorry in advance if it's not.

Some time ago I subscribed to gunnerkrigg_feed, the feed for the webcomic Gunnerkrigg Court. Today, while visiting the webcomic, I discovered that the feed never showed any posts.

I don't know why that's happening. Halp?

comments

Removing Network link?

Tue, 27 Mar 2012 03:28:12 GMT

Is there a way to remove or hide the link to your Network? I'm using Transmogrified. Thanks in advance.

comments

Mood themes

Sun, 25 Mar 2012 16:25:58 GMT

HI to ALL. :)
*Hope this isn't a duplicate question.* *blush*
I've got an idea for a layout, will be working on it later when I get the chance.
I would also like to create some mood themes with cats and dogs.
Really like the bunny mood themes that are here already.
Where does one upload their mood theme design for consideration to be part of Dreamwidth?
And will there be a mood theme community or is that part of the style system community?
Thanks!
And many Thanks to the members here for all the very helpful tips on layout designing. ;)

comments

Mood image to left of metadata

Sun, 25 Mar 2012 11:34:24 GMT

I was wondering if there's any way to get my metadata to look like this:

Edit: Clarification — the image is the mood theme image. I was wondering if there were a way to get it to be on the left of the metadata.

comments

SOLVED

Tue, 20 Mar 2012 06:32:41 GMT

Hello!

I realised that with DW layouts, the journal title does not appear as the page title. I was wondering if there is a way to make the journal title the title of the page as well?

Also, I tried adding a favicon to a community that is using Tabula Rasa and it doesn't work? It seems to be working for my other comm that is using an imported LJ style (Flexible Squares)... Is there a way around this?

Thank you!! :)

comments

Header custom menu, User Name size and position

Wed, 14 Mar 2012 17:17:45 GMT

Hello fellow style addicts!

I recently moved in from LJ and I'm in the process of recreating my journal layout at DW. I'm using the Brittle layout and trial/error my way through the design. ;) Most things I managed to work out by myself, but there are a few points I can't seem to find a solution for. Hopefully someone will be able to point me in the right direction. Additionally, I'm not sure what tags would be appropriate for this post. I'd be relieved, if the mods could handle that. ^^;

1.
My header looks like this. What I'd like to have is instead of the journal name/page title to show a simple link menu I can freely configure, such as:

profile | circles | calendar | link a | link b

I found in this lovely community already how to get rid of the page title etc. What I don't know is how I could put links there instead, and perhaps my profile icon in a smaller size. --- Partially solved!

2.
I'd like to move "Previous 50" to the right and to change the font size. So far I only managed to find out how to change the color. I'd like to do the same on the bottom of the page. (Currently the profile module sits there as well. I disabled it for now, because my first plan had been to put it in the header, which didn't work and the entire thing would have been too big for the top of my page anyway.) --- SOLVED!

3.
Is there a way to (a) change the font size of user names independently from the font size for date/time? Also, is there a way to (b) place the user names below their icons in such a way that they behave "intelligently", i.e. have line breaks, if the name length exceeds a certain amount of letters? This is mainly interesting for communities when you have "userblabla posted in communityblabla". I found out how to change the positioning in general, but I assume the user name would have to be withing the icon layer to be confined to it and for the entry text to not overlap it, and I couldn't figure out how to do that or how to add another box below the icon in which I could put the user name. --- Part (a) solved!

Thank you in advance for any help you can offer me! (Also: please ignore the white page background, I'll be adding a background image once everything sits on its right place.)

comments

Comment expand links in a ver. 1 from-LJ layout

Thu, 08 Mar 2012 11:04:57 GMT

Accounts in question: nightfall_mods and its related accounts (links are in the sidebar.) Currently layout-testing on sanguine_saint where there's a ton of comments on the layout-test page, for convenience's sake, too. (Er... been using ?style=mine; I'll throw the layout up on that account in a min.)

Issue: There's no Expand link, in collapsed comments. I'd like there to be, but I'm only just now dipping my toes into S2 (core version 1, Style Contest from LJ. Well, specifically, from IJ.)

( Read more... )

My apologies if I've left out something relevant (let me know, and I'll happily provide it!) and thanks in advance for any advice/pointers!

comments

what browser do you use to view dreamwidth

Sun, 04 Mar 2012 03:39:09 GMT

I'm trying to figure out which browsers I should at least make sure to glance at my finished product with. I know there are some subtle differences with each and while I can't make the layouts display exactly the same in all browsers, it would be best to get them as close possible.

With that in mind:

View Poll: What browser do you use to view/use Dreamwidth?

comments

Problem with replies in Flexible Squares

Fri, 02 Mar 2012 18:40:28 GMT

I'm having a strange problem in Flexible Squares. I could have sworn this setup used to work for making a quick reply box pop up, without having to reload the page, but I haven't messed with Flexible Squares on DW in well over a year. I had the old code I used for the custom layer and for my CSS, I imported my CSS from LJ. Now, I can't actually reply to any comments on the post itself. It reloads the page to a new reply page. I suspect it might be a problem with my custom layer, but I have no idea where to look for it.

Layer code is here.

Problem solved! There was a problem with my theme layer that was keeping the quick reply box from working. I found another version of the theme layer code by crush that seems to have fixed the problem.

comments

Fri, 02 Mar 2012 06:28:28 GMT

Okay, something tells me that this is a question that has probably been asked a hundred times, but I went through the community tags (the ones I thought relevant to the problem) and couldn't find an answer. I also tried google. So, let me try to swallow down my hesitance and just ask for a little help. :[

I'm using a layer to recreate the Flexible Squares layout from LiveJournal—entirely because I felt like I had my journal set up exactly as I wanted it so I just tried to recreate it over here—along with custom CSS over it.

DW has a slightly different header links than LJ, namely the freaking Network section. You know, I honestly have no idea why it's there or what it does.

Is there any way to remove the Network section (along with the tags and memories section) when you're using custom layers like this? Or is this really obvious and I couldn't figure it out?

Thank you for at least checking this post out! /o/♥

comments

Removing navigation strip with CSS

Wed, 29 Feb 2012 20:34:21 GMT

I want to disable it through CSS in my layouts (mainly transmogrified), would anyone happen to know what is the code I would need to apply, and be so kind to let me know? I don't know what controls the navstrip so I can't do that myself. So thank you in advance!

comments

Make private entries not display.

Mon, 27 Feb 2012 14:01:15 GMT

I want to use layers to make my private entries (the ones only viewable to me) not show up at all on my journal. Is there a way I can do this?

I don't want to do it through CSS because I know that on some pages, an uneven amount of entries will show up, or I'll have previous links on my navigation that go to empty pages.

Thanks in advance!

comments

Adding additional fonts to layouts...

Sat, 25 Feb 2012 19:36:04 GMT

Was wondering about adding additional fonts to layouts.
For instance if I wanted the subject heading in my entries to be italicized.
Would it be [i]text[/i]?
Been looking at quite a few themes and fonts to give me some ideas for a layout.
If I wanted to add another font that's not on the list like bradley script for example (I think that's the name of the font).
How does one go about doing that?
And Thank You for this very helpful community. :)

comments