Help - Search - Members - Calendar
Full Version: ughh, confusion
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
caatie
haha.
i feel like such a total loser, but i'm lost.
i mean absolutely lost.
which is sad because i love html.
but ergh.

LAYOUT I WANT TO USE:
CODE
<!-- start code provided by createblog.com -->
LASTN_WEBSITE<=
<style type="text/css">
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>

<div class="links">
<a href="http://livejournal.com/~turntable">Recent Entries</a>
<a href="http://livejournal.com/~turntable/calendar">Archive</a>
<a href="http://livejournal.com/~turntable/friends">Friends</a>
<a href="http://livejournal.com/~turntable/info">User Info</a>
<a href="%%url%%">Website</a>
</div>

<div id="content">
<div class="column">
<div class="columncontent1"><b>About</b><div class="columnitem">
<center><img src="http://www.livejournal.com/userpic/1899893/371509" style="visibility: visible; position: relative;"><br>
<a href="http://livejournal.com/~turntable/info"><img src="http://stat.livejournal.com/img/userinfo.gif" border=0 style="visibility: visible; position: relative;"><a href="http://livejournal.com/~turntable">turntable</a></center>

</div></div>

<div class="columncontent2"><b>Currently</b><div class="columnitem">
<div id="Layer1" style="border:0px solid #C1DAD2; position:relative; width:145; height:100px; z-index:1; overflow: auto; overflow-x: hidden;">
<img src="http://i7.photobucket.com/albums/y271/mythoughtcrime/adhesive/24s1.jpg" border="1" style="visibility: visible; position: relative;" align="left"> 24<br><p><br><p><br><p><br>
  <img src="http://i7.photobucket.com/albums/y271/mythoughtcrime/adhesive/12monkeys.jpg" border="1" style="visibility: visible; position: relative;" align="right"> 12 Monkeys<br><p><br><p><br><p><br><img src="http://i7.photobucket.com/albums/y271/mythoughtcrime/adhesive/funeraldiner.jpg" border="1" style="visibility: visible; position: relative;" align="left"> Funeral Diner<br>
</div>
</div></div>

<div class="columncontent3">Control Panel<div class="columnitem">
<a href="http://www.livejournal.com/editjournal.bml">Edit Journal</a></div>
<div class="columnitem"><a href="http://www.livejournal.com/friends/">Edit Friends</A></div>
<div class="columnitem"><a href="http://www.livejournal.com/editinfo.bml">Edit Info</a></div>
<div class="columnitem"><a href="http://www.livejournal.com/editpics.bml">Edit Userpics</a></div>
<div class="columnitem"><a href="http://www.livejournal.com/memories.bml">Memories</a></div>
</div></div>

<div class="header">
<img src="http://pics.livejournal.com/adhesive/pic/0000pgf0/s640x480" style="visibility: visible; position: relative;"></div>

</div>
</div>
<=LASTN_WEBSITE

GLOBAL_HEAD<=
<style type="text/css">
<!--
body {
          background-color: #FFFFFF;
          background-image: url(http://pics.livejournal.com/adhesive/pic/0000q1dx);
          background-attachment: scroll;
          background-repeat: yes-repeat;
          background-position:;
          overflow-x: hidden;
      margin-top: 202px;
          overflow:-moz-scrollbars-vertical;
}

table {   top: 300px;
      margin-bottom: -19px;
}

.shadowed img{
      visibility:hidden;position:absolute;top:0
}


table {   width: 465px;
          margin-left: 290px;
          margin-right: 100%;
      border-left: 0px solid #000000;
          border-top: 1px solid #000000;
          border-right: 0px solid #000000;
          border-bottom: 1px solid #000000;
}

table table {
          width: 100%;
          margin:0;
          border: 0;
}

table table table {
          width: auto;
}



p table {
          border: 0px solid #000000;
          background-color: #FFFFFF;
          padding-right: 10px;
          padding-left: 10px;
      border-left: 0px solid #000000;
          border-top: 0px solid #000000;
          border-right: 1px solid #000000;
          border-bottom: 0px solid #000000;
}

p table table {
          border: 0;
}

/* universal font face */
body, td, font, div, p {
          font-size: 11px;
          font-face: verdana;
          line-height: 14px;
          text-align: justify;
}

/* displayed title of livejournal */
td.caption {
          font-size: 11px;
          color: #000000;
}

/* top right navigation links */
.index {
          font-size: 11px;
          color: #000000;
}

/* displayed user name in top banner */
td div {
          font-size: 11px;
          color: #000000;
}

/* top banner main navigation links */
table table table table td.meta {
          font-size: 11px;
          color: #000000;
}

/* display of date and time */
p .index2 {
          font-size: 9px;
          text-transform: none;
          font-family: verdana;
          font-weight: bold;
          color: #747474;
          text-align: center;
}

p .index {
          color:#000000;
}


/* subject of journal entries */
p table table td.caption {
          font-size: 11px;
          text-decoration: underline;
          font-family: verdana;
          color: #747474;
}

/*date and time*/
          table.entrybox td.index{
          font-size: 10px;
          font-weight: bold;
          text-transform: uppercase;
          color: #ffffff;
          border: 0;
}

/* displayed text in journal entries */
td {
          font-size: 11px;
          font-family: verdana;
          line-height: 14px;
          color: #000000;
}

/* currents (mood, music) and bottom banner navigation links */
table table table td.meta {
          font-size: 9px;
          font-family: tahoma;
          color: #000000;
}

.entrybox td {
      text-align: justify;
}

.entrybox td.index, .entrybox td.comments {
      text-align: left;
}

.entrybox a.index font {
          color: #FFFFFF;
}

A          {
          color: #8A851C;
          text-decoration: none;
}

A:Active   {
          color: #8A851C;
          text-decoration: none;
}

A:Visited  {
          color: #8A851C;
          text-decoration: none;
}

A:Hover    {
          color: #9C983E;
          text-decoration: none;
}

.lefttab {
          color: #000000;
          font-face: verdana;
          font-size: 11px;
          line-height: 14px;
          text-align: justify;
}

.lefttab a:link {
          text-decoration: none;
          color: #8A851C;
}

.lefttab a:hover {
          text-decoration: none;
          color: #9C983E;
          font-weight: none;
}


.lefttab a:active {
          text-decoration: none;
          color: #8A851C;
          font-weight: none;
}

.lefttab a:visited {
          text-decoration: none;
          color: #8A851C;
}

.comments {
      border-bottom: 0px solid #D0BA98;
      background-color: #EFEFCE;
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 11px;
}

.comments a:link {
          text-decoration: none;
          padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98
}

.comments a:active {
          text-decoration: none;
          padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98
}

.comments a:visited {
          text-decoration: none;
          padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98
}

.comments a:hover {          
          text-decoration: none;
      padding-top: 4px;
      padding-bottom: 4px;
      white-space: nowrap;
      color: #000000;
      border-right: 0px solid #D0BA98;
          background-color: #D4D393;
}

#content{
      visibility: visible;
      display: inline;
}

.shadowed div.header{
      display: block;
      position: absolute;
      left: 50%;
      width: 600px;
      margin-left: -376px;
      top: 5px!important;
      top: 5px;
}

.shadowed div.column{
      display: block;
      position: absolute;
      left: 50%;
      width: 175px;
      margin-left: -376px;
      top: 278px!important;
      top: 278px;
}

.shadowed div.columncontent1{
      display: block;
      border-left: 1px solid #000000;
          border-top: 1px solid #000000;
          border-bottom: 0px solid #000000;
          background: #FFFFFF;
      padding: 5px;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 11px;
      color: #000000;
      margin-bottom: 0px;
}
.shadowed div.columncontent2{
      display: block;
      border-left: 1px solid #000000;
          border-top: 0px solid #000000;
          border-bottom: 0px solid #000000;
      background: #FFFFFF;
      padding: 5px;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 11px;
      color: #000000;
      margin-bottom: 0px;
}
.shadowed div.columncontent3{
      display: block;
      border-left: 1px solid #000000;
          border-top: 0px solid #000000;
          border-bottom: 1px solid #000000;
        background: #FFFFFF;
        padding: 5px;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 11px;
      color: #000000;
      margin-bottom: 0px;
}


.shadowed div.columnitem{
      display: block;
      border: 0px;
      background: #EFDE94;
      color: #000;
      padding: 5px;
      margin-top: 5px;
}

.shadowed div.links{
      display: block;
      width: 600px;
      position: absolute;
      top: 257px;
      left: 50%;
      margin-left: -245px;
}
.links a{
      border: 0px;
      background: #FFFFFF;
      text-decoration: none;
      color: #000;
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 2px;
      padding-bottom: 2px;
      font-weight: normal;
      display: block;
      float: left;
      margin: 0 1px;
}
.links a:hover{
      text-decoration: none;
      color: #000;
      background: #E4CC6E;
      font-weight: normal;
}


-->
</style>
<title>turntable @ livejournal</title>
<=GLOBAL_HEAD

DAY_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments" style="text-align: right">
<a class="comments" href="%%urlpost%%">Comment</a> %%readlink%% <a class="comments" href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">Add To Memories</a>  <a class="comments" href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">Edit</a>
</td>
</tr>
<=DAY_TALK_LINKS

LASTN_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" style="text-align: left" class="comments">
<a class="comments" href="%%urlpost%%">Comment</a> %%readlink%% <a class="comments" href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">Add To Memories</a>  <a class="comments" href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">Edit</a>
</td>
</tr>
<=LASTN_TALK_LINKS

FRIENDS_TALK_LINKS<=
<tr>
<td colspan="2" width="100%" style="text-align: left" class="comments">
<a class="comments" href="%%urlpost%%">Comment</a> %%readlink%% <a class="comments" href="http://www.livejournal.com/tools/memadd.bml?%%itemargs%%">Add To Memories</a>  <a class="comments" href="http://www.livejournal.com/editjournal_do.bml?%%itemargs%%">Edit</a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

DAY_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #000000; font-size: 10px; text-decoration: uppercase; font-weight: bold;">%%daylong%% %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

LASTN_TALK_READLINK=><a class="comments" href="%%urlread%%">%%messagecount%% Comment%%mc-plural-s%%</a>

LASTN_OPT_ITEMS=>25
FRIENDS_OPT_ITEMS=>25

LASTN_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #747474; font-size: 10px; text-decoration: uppercase; font-weight: bold;">%%daylong%% %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

FRIENDS_TALK_READLINK=><a class="comments" href="%%urlread%%">%%messagecount%% Comment%%mc-plural-s%%</a>

FRIENDS_DATE_FORMAT=></td></tr><tr><td class="index2"><font style="font-family:tahoma; font-color: #747474; font-size: 10px; text-decoration: uppercase; font-weight: bold;">%%daylong%% %%monlong%% %%dth%%, %%yyyy%% | posted at %%12h%%:%%min%% %%AMPM%%</style></font><font color="#FFFFFF">

DAY_TALK_READLINK=><a class="comments" href="%%urlread%%">%%messagecount%% Comment%%mc-plural-s%%</a>
<!-- end code provided by createblog.com -->


now,what do i change?
& how do i change it?
ahahah. im sorry.
someone help? biggrin.gif
Azarel
Well, what's wrong? What do you want to do with that coding?

It seems like you just pasted coding to one of the layouts cB provides, and.. I don't know what you want to do with it. :(
Mulder
i'm not sure what it's supposed to look like, but i put it in my tester lj, and i see the problem. so, depending on what you want it to look like, i should be able to help.
caatie
gah, sorry i was so vague.
my fault.
the layout, how it's supposed to look is on this page.

well:
are there things i need to change?
are there things that need tweaking?
do i have to play with the code a little bit?
do i have to put usernames, different numbers, ect. to make it all work.

in other words,
1. copy code.
2. paste in override box.
3. now what?
Mulder
QUOTE
3. For friends/calendar/day view, simply copy/paste the code between "LASTN_WEBSITE" and put it between the proper LJ-SPECIFIC tags and put it in your override box.
...
7. You can change the information found in LASTN_WEBSITE to fit your journal.
8. Website will always appear in layout, so make sure to chose a real site! :)

you need to replace "turntable" with your username, as well as the 3 things above. i think the header is a broken image, and that may be the problem.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.