style_system | Entries tagged with entries:tags

Hello lovely and helpful people here,

ever since I started using a genuine Dreamwidth layout I've been using this tutorial from

style_system to display the metadata with the mood theme picture on the left side of the metadata, including the tags. The code is working perfectly in general!

( However, there is an issue... )

ADDENDUM (20th November 2022):
Since I got no comments here so far, I tried something else and implemented some old LJ tutorial and matching CSS I have used there for many years. It works perfectly on Dreamwidth, but eliminates Dreamwidth's unique tags navigation feature. Since this workaround is okay for my needs, I will consider the problem solved. However, if anyone still wants to tackle and fix this issue here with the DW tutorial, I'd still appreciate it. Thank you!

Tags:

prettygoodyear

Hello,

I recently transitioned from LJ to Dreamwidth. I managed to have my layout appear almost identical to my LJ one, but I still have a few issues.

For some reason I can't get tags to show with my entries. What code do I need, and where do I put it, for it to work?
I would like to have an 'edit' link beneath each entry on the 'recent' page, so that I could quickly edit an entry, without having to select that entry first.

In case anyone is interested, this is my current theme layer. I'm sure, by trying to get things the way I want, I managed to maybe break it? If anyone could have a look and help me out, that would be great!

icicle.home.xs4all.nl/Themelayer.docx

Tags:

deanshot1

Hi there,

I was wondering if there was a way to use Tiny Icon Images instead of text like Location, Current Music, Mood.

Any help would be most appreciated.

Problem Solved

Tags:

jordannamorgan

So, as of DW's latest code push, I'm seeing little arrow-shaped links on either side of every single tag on my journal entries. These links do nothing more useful than point to the last entry using that tag (or worse, an error page, if there's no earlier/later entry to point to). This seems like utterly redundant, pointless clutter to me.

Very simply, I do NOT want to be seeing these arrow links. If someone could provide me with some code for getting rid of them, I would tremendously appreciate it. Thank you.

Current Mood: annoyed

Tags:

entries:tags

tropicsbear

I'm currently using the snowden layout by

pagans (which I slightly modified for the link colors) and I noticed something strange about some of my entry tags.

I can't click some of the tags in entries with multiple tags, (for example, the "fandom: dc universe" tag in this entry). Some tags, I have to move the mouse over, away, and then over it again before I can click it. I'm not sure, but it seems like it only happens with visited tags/tags I've clicked on before?

Tags:

entries:tags

ex_prettygoodyear337

I finally made the decision to move to Dreamwidth and managed to get everything set up the way I had it over at LJ which I liked. I did it with a lot of amazing help from people over here.

There is, however, one thing I can't seem to get right, and that is the showing of tags on my entries.

On LJ it looked like this:

Over here it looks like this:

How can I get the tags show up like they did on LJ? The lovely people from

lj_refugees pointed me to this place. I have to add that I got the mood icon + text to show the way it does by using codes for the theme layout, but I'm clueless how to make the tags appear there as well, somehow it works different here than on LJ when it concerns tags. Any help therefor it much appreciated. Thanks in advance!

Current Mood: curious

Tags:

entries:tags

aidadesigns

Hello all, I have a question about metadata and tags in Tabula Rasa brought on by trying out a brand new layout called Motion.

I see that someone's already asked about moving tags and mood to the top of the entries in Tabula Rasa, but there were no answers then (this was 2009). I am hoping someone will know the answer now.

I managed to move mood to the top by using the option in the Presentation section of Customize style (Place of metadata in entries = Before entry text), but I can't find how to do the same with tags. Can someone advise me how?

The layout I'm using also had .page-read .poster located below userpic, but it would break the entry text and its background would stretch all the way to the right side of the entry. It is possible to move it up by removing float:left, width:100% properties, but that doesn't align it with the left side of entries, and it overlaps it with mood. Is it possible to flush it all the way to the left, so that it sits above the userpic?

Thank you in advance for any help you can offer.

Current Mood: frustrated

Tags:

aldro

I'm back with yet another question. I feel like I am spamming this community... My sincere apologies.

I would like to seperate my currents (the tags to be specific) with a comma. Right now, there's just a blank space, which is a little confusing. However, I don't know what to edit in my CSS. Any help is greatly appreciated.

Here's my CSS.

*---------------------------------------------------
CREDIT:
http://community.livejournal.com/beatcrusher/
http://community.livejournal.com/kuribati/
(don't remove this area)
-----------------------------------------------------*/

/*-------------------- BODY --------------------*/
    
body    {
background: #FFFFFF url(http://i25.tinypic.com/339iz4w.jpg) top left repeat scroll;
margin: 20px 0 20px 20px;
}

body, td, th {
font: normal 11px/1.5 "Verdana", sans-serif;
color: #777777;
text-align:justify;
}

/*-------------------- LINKS, HOVER, BLOCKQUOTE, CODE --------------------*/
    
a, a:link, a:visited {
color: #69C9C8;
text-decoration: none;
}
    
a:hover {
color: #8BDFDD;
text-decoration: none;
}
    
blockquote {
border:1px solid #CCCCCC;
padding:25px;
color: #AAAAAA;
}

blockquote:hover{
border-color:#8BDFDD;
}
        
code {
font-family: monospace;
}

input, textarea, select {
background-color: #3F3833;
font: normal 10px "Verdana", sans-serif;
color: #FFFFFF;
border:0;
}

/*-------------------- GENERAL PAGE ALIGNMENT --------------------*/
        
#content{      
width: 70%;
margin-left: auto; 
min-width: 850px;
margin-right: auto;                
}

#maincontent {         
margin-top: 15px;
background-color: #FAFAFA;
-moz-border-radius: 1%;
-moz-box-shadow: 0 0 20px #AAAAAA;
margin-left: 260px;
}
    
#sidebar {    
padding: 15px;
margin-top: 15px;
background-color: #2F2823;
width: 200px;
float: left;
-moz-border-radius: 2%;
-moz-box-shadow: 0 0 20px #888888;
color: #BBBBBB;
}

/*-------------------- HEADER AND FOOTER !!NO HEADERIMAGE --------------------*/

#header {        
width: 100%;
padding: 30px 0 0 0;
margin: 0px;
text-align: right;
font: italic normal 20px "Garamond", sans-serif;
text-transform:lowercase;
letter-spacing:-1px;    
color: #777777;
}

#footer {            
width: 100%;
text-align: right;
text-transform:uppercase;
z-index: 100;
clear: both;
}

/*-------------------- LINKS OF THE HEADER AND FOOTER --------------------*/
        
    
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #AAAAAA;
}
    
div#header a:hover, div#footer a:hover {
text-decoration: none;
}    
    
ul.navheader {    
padding: 0px;    
margin: 0px;
}
    
ul.navheader li  {
display: inline;            
padding: 0 0px 0 5px;
}

/*-------------------- TITLE AND SUBTITLE --------------------*/

.title, .subtitle    {    
display:none;
}

/*-------------------- ALIGNMENT OF THE SIDEBAR - DEFAULT USERPIC AND BODY --------------------*/
    
.defaultuserpic {
text-align: center;
}

.defaultuserpic img {
border:10px solid #3F3833;
}
    
.sbarbody {
padding: 0px 5px 0px 5px;        
}
    
.sbarbody2 {
padding: 0 5px 0 5px;
}

/*-------------------- CALENDAR OF THE SIDEBAR --------------------*/
            
table.calendar {
margin-right: auto;
margin-left: auto;
}
        
.sbarcalendar {
text-align: center;
}

td.sbarcalendar {
padding:0 20px 10px 0;
}
    
.sbarcalendarposts {
background-color: #3F3833;
}

/*-------------------- LOOK OF THE LINKS-LIST-BODY IN THE SIDEBAR --------------------*/
        
.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

/*-------------------- LOOK OF THE LINKS IN THE LINK-LIST IN THE SIDEBAR --------------------*/

li.sbaritem {
list-style: none;
border-bottom: 1px solid #3F3833;
padding: 5px 0;        
}

/*-------------------- TITLES IN THE SIDEBAR --------------------*/

li.sbartitle {
list-style: none;
text-align:right;
color:#3F3833;
text-transform:uppercase;
padding: 10px 0 0 0;
margin: 0 0 -5px 0;
}

/*-------------------- MAINCONTENT --------------------*/    
    
.subcontent {        
}

/*-------------------- ENTRY, ENTRY-LISTS --------------------*/
        
.entry {
margin: 0px 20px 10px 20px;
padding: 10px;
}

.entry_text img {
max-width:420px;
height:auto;
border: 1px solid #EEEEEE;
padding:1px;
}
        
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
        
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

/*-------------------- USERPIC, USERPICFRIENDS --------------------*/

.userpic, .userpicfriends {
position: relative;
float: left;
background-color: transparent!important;
padding: 5px;
margin: 10px;
z-index: 15;
text-align:center;
}

.userpic img, .userpicfriends img{
border:10px solid #3F3833;
margin: 0 0 5px 0;
}

.userpic a, .userpicfriends a, .userpic font, .userpicfriends font{
color:#AAAAAA;
text-transform:uppercase;
font-size:8px;
}

/*-------------------- DATE AND SUBJECT --------------------*/
        
.date {            
color: #CCCCCC;
text-transform:lowercase;
}
    
.subject, .subject a {        
text-transform:uppercase;
color: #69C9C8;
}

.datesubject {                
padding: 15px 5px 0 5px;
}

/*-------------------- TAGS AND TAGS-PAGE --------------------*/
.ljtags { 
margin: 20px 0 0 0;
font-size:0;
border-left:10px solid #3F3833;
padding: 0 0 0 10px;
}

.ljtags a {
font-size:10px;
margin: 0 5px 0 0;
}

h2 { 
padding: 20px 0 0 20px;
margin:0;
font: bold 10px "Verdana", sans-serif;
text-transform:uppercase;
color:#69C9C8;
}

.ljtaglist { 
list-style-type:none;
padding: 0 20px 20px 20px;
}

.ljtaglist li {
padding: 3px 0;
border-bottom: 1px solid #EEEEEE;
}

/*-------------------- CURRENT MOOD, CURRENT MUSIC AND CURRENT LOCATION --------------------*/
        
.currents {
margin: -30px 0 0 0;
color: #CCCCCC;
}

.currents strong {
display:none;
}

.currentmusic {
border-left:10px solid #69C9C8;
padding: 0 0 0 10px;
}

.currentmood {
border-left:10px solid #3F3833;
padding: 0 0 0 10px;
}

.currentlocation {
border-left:10px solid #69C9C8;
padding: 0 0 0 10px;
}

/*-------------------- COMMENTS !!NOT THE COMMENT-PAGE --------------------*/

.comments {
text-align: center;
position: relative;
top: 15px;
font-size:0;
}

.comments a {
font-size:10px;
display:block;
float:right;
background-color:#3F3833;
width:50px;
color:#FFFFFF;
padding: 3px 5px;
margin: 0 0 2px 0;
text-transform:uppercase;
margin: 0 0 0 5px;
-moz-border-radius: 5%;
}

.comments a[href$="reply"] {
background-color:#69C9C8;
}
        
/*-------------------- COMMENT-PAGE --------------------*/    
    
.datesubjectcomment {                
padding: 5px;
margin-top: 20px;
}    
        
.userpiccomment {
position: relative;
top: -30px;
left: 0px;
border: 10px solid #69C9C8;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
}
        
.box {
padding: 10px;
clear: left;
}
        
textarea.textbox  {
width: 100% !important;
   }
    
.reply    {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
}
        
.replytosubject {
font-weight: bold;
}
            
        
.commentreply {
position: relative;
margin: 10px;
}
        
.commentbox { 
padding: 10px; 
margin: 10px;
border: 1px solid #EEEEEE;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
}
        
.datesubjectcomment a:hover {
}
    
.commentboxpartial {
padding: 10px; 
margin: 10px; 
}

.commentinfo {
margin-top: 10px; 
width: 100%;
}

/*-------------------- ARCHIVE PAGE --------------------*/
        
ul.year {
text-align: center;
padding-bottom: 40px;
}
    
ul.year li {
display: inline;        
}
    
table.yeartable {
margin-left: auto;
margin-right: auto;
}
    
table.yeartable td.yeardate, table.yeartable td.yearday {
padding:10px;
border:1px solid #EEEEEE;
}
    
table.yeartable td.yearday {
background-color: #69C9C8;
text-align: center;
color: #FFFFFF;
}
    
td.yearmonth {
border-style: none;
}
    
        
/*-------------------- FOOTER --------------------*/
        
ul.navfooter{
padding: 0px;    
margin: 0px;
}
    
ul.navfooter li  {
display: inline;    
margin: 0 5px 0 5px;
}

.clearfoot {        
clear: both;
}
        
        
/*-------------------- MISC; CLEAR, SEPARATOR AND SKIPLINKS --------------------*/
                
.clear {        
height: 15px;
}
        
.skiplinks {
text-align: center;
text-transform:uppercase;
}

.separator{
height: 35px;
}

form#qrform table {
border-width: 0px !important; 
}

/*-------------------- HEADERIMAGE --------------------*/

.headerimage {
position: relative;
width:  000px; 
height: 000px; 
margin-left: auto; 
margin-right: auto;     
background-image: url("");
background-repeat: no-repeat;
}

/*-------------------- LJ-USERS, TINY ICONS --------------------*/

.ljuser img[src*="http://s.dreamwidth.org/img/silk/identity/user.png"] {
width: 0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i29.tinypic.com/2yweh42.gif) !important;
padding: 13px 10px 0 0 !important;
text-decoration: none;
}

.ljuser img[src*="community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat !important;
background-image: url(http://i26.tinypic.com/ejvjuu.gif) !important;
padding: 10px 10px 0 0 !important;
text-decoration: none;
}

img[src*="icon_protected.gif"]  {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://members.ziggo.nl/droomers/LiveJournal/Layout/Mini%20icons/Pin.gif) !important;
padding: 9px 11px 0 0 !important;
text-decoration: none;
}

img[src*="http://s.dreamwidth.org/img/silk/entry/locked.png"]  {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://i29.tinypic.com/1zmnio4.gif);
padding: 9px 11px 0 0 !important;
text-decoration: none;
}

.ljcmt, .commentbox img[src*="btn_del.gif"] { 
width:0; 
height:0; 
padding: 0 18px 18px 0; 
background: url(http://i43.tinypic.com/1zefg4l.png) no-repeat; 
}

.ljcmt, .commentbox img[src*="btn_scr.gif"]{ 
width:0; 
height: 0; 
padding: 0 17px 17px 0; 
background: url(http://i43.tinypic.com/11ugigy.png) no-repeat; 
}

.ljcmt, .commentbox img[src*="btn_unscr.gif"]{ 
width:0; 
height: 0; 
padding: 0 17px 17px 0; 
background: url(http://i46.tinypic.com/ilvwc6.png) no-repeat; 
}

.ljcmt, .commentbox img[src*="btn_freeze.gif"] { 
width: 0; 
height: 0; 
padding: 0 17px 17px 0; 
background: url(http://i40.tinypic.com/28lvp02.png) no-repeat; 
}

.ljcmt, .commentbox img[src*="btn_unfreeze.gif"] { 
width: 0; 
height: 0; 
padding: 0 17px 17px 0; 
background: url(http://i39.tinypic.com/35mp9jm.png) no-repeat; 
}

.ljcmt, .commentbox img[src*="btn_edit.gif"] { 
width: 0; 
height: 0; 
padding: 0 17px 17px 0; 
background: url(http://i41.tinypic.com/2coq7f7.png) no-repeat; 
}

.ljcmt, .commentbox img[src*="btn_track.gif"]{ 
width: 0; 
height: 0; 
padding: 0 17px 17px 0;
background: url(http://i42.tinypic.com/fd63rc.png) no-repeat; 
}

.box img[src*="anonymous.gif"]{ 
width: 0; 
height: 0; 
padding: 0 17px 17px 0;
background: url(http://i44.tinypic.com/2hmk2gl.png) no-repeat; 
}

.box img[src*="openid-profile.gif"]{ 
width: 0; 
height: 0; 
padding: 0 17px 17px 0;
background: url(http://i44.tinypic.com/bi2e6e.png) no-repeat; 
}

.box img[src*="help.gif"]{ 
width: 0; 
height: 0; 
padding: 0 17px 17px 0;
background: url(http://i39.tinypic.com/10cn1vb.png) no-repeat; 
}

img[src*="userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url('http://i41.tinypic.com/vygoy.png');
padding: 17px 15px 0 0 !important;
text-decoration: none;
}

/*----------------------- CONTEXTUAL POP-UP ---------------------*/

div.ContextualPopup div.Inner {
padding: 2px 2px 0px 2px !important;
background-color: #ffffff;
font-family: "Verdana", sans-serif;
color: #999999 !important;
font-size: 10px;
border: 0px;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:active {
color: #69C9C8 !important;
font-weight: normal;
text-decoration: none !important;
}

div.ContextualPopup .Relation {
color: #666666;
font-weight: normal !important;
border-bottom: 1px dashed #dddddd;
text-transform:uppercase;
}

Tags:

aldro

Hi. Newbie here. *waves*

I'm sorry if this has been asked before or if I'm in the wrong place--I'm just beginning to find my way around here. I'm wondering if it's possible to set an image for the metadata (i.e. tags) and if so, how to go about it. Can I add/edit something in my CSS or do I need a theme layer like I do over at LiveJournal?

Thanks in advance!

Tags:

entries:tags

valiha

Hello, I was hoping you'd be able to help me customize this layout further since the layout maker wasn't able to help. Once it's done, the layout will be changed significantly. I'm having trouble figuring some things out. ( The list is extensive, so I'd be grateful however much you're able to help me solve. )

Current Mood: frustrated

Tags:

dantean

Can someone please explain to me how to put some space between the tags on one of my entries, and the entry text itself? Or a horizontal line or something that separates the entry from the tags. I can't figure it out from the CSS of the page source (despite trying many different things). I've managed to move the tags left/right but not, to my supreme frustration, down. The lack of space/separator between entry and entry tags is quite frankly irritating the heck out of me. Also, what's the best way of making the text size for the tags and the comment links big enough to actually be readable? All I can honestly see of the tags/metadata/comment links text is ... that it's there. Not what it says.

Thanks in advance. I am using the Brittle style on a free account.

Tags:

okinay

Does anyone have the secret code that will allow you to reorder meta/tags and move the mood pic to the left of the info group? I've searched through a few comms but can't find anything on this yet.

This is what I'm aiming for ...

Any help would be greatly appreciated!

Tags:

angelikitten

Is there any way to make the tags and/or mood display at the top of the entries in tabula rasa?

Current Mood: confused

Tags:

Profile

Dreamwidth style system discussion

July 2025

S	M	T	W	T	F	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Syndicate

Page Summary

Style Credit

Style: Radiant Aqua for Venture by onlyembers

Expand Cut Tags

No cut tags

Page generated Jul. 13th, 2025 07:00 am

Dreamwidth style system discussion

Entries tagged with entries:tags

[Not exactly solved, but circumvented for now] Custom metadata issues (metadata displaying twice)

add tags to converted LJ style, plus add 'edit' to recent page

Use of Tiny Icons, Problem Solved

Unwelcome arrow links surrounding tags

Tags not displaying as links?

[solved] Tags aligned with mood

Moving tags to before entry text

Metadata

Metadata

Transmogrified layout customization

space between tags and entry text?

Transmogrified - Metadata

(no subject)

Profile

July 2025

Links

Syndicate

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags