?

Log in

No account? Create an account
 
 
25 July 2008 @ 10:54 am
New layout  
Hi I am sharing another layout I made.

This one is YooChun with his dog Harang, its a very simple layout, but I hope you'll like it

Screencaps:




(live preview for some time at my lj astridlinga 

userpic:


Only tried in firefox, don't have IE at the moment
also advertisement placement should be vertical for best view, but all work

INSTRUCTIONS:
Go to customize and select any flexible squares theme you like (the colors of the layout you choose will only show in your advertisments)
once you have done that go to customize css and in all the boxes check that its "NO" in all 3 of them.
Copy and paste the code in the big white space, click on save changes.

And now you have your new layout, you still can upload the userpic included here to match the layout :)

If you have any trouble, comment, suggestion or whatever feel free to contact me.

Please credit lifeminuslove  or astridlinga  for both layout and userpic

CODE

/*---------------------------------------------------------start-code------------------------------------------------------------------------*/


body    {
        background-color: #000000;
        text-align: center;
        color: #cccccc;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        margin: 0px 0 20px 0;
        }

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

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

    p, td, blockquote {
            font-size: 11px;
        }

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

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

    #content
    {
        width: 80%;
        margin-left: auto; margin-right: auto;
        background-color: none;
        border-color: none;
        padding: 0px;
    }

     #maincontent {
        margin-top: 0px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        background-color: none;
        color: #cccccc;
        border-color: none;
        margin-right: 180px;
        text-align: left;
        }

    #sidebar {

        padding-top: 15px;
        margin-top: 15px;
        background-color: none;
        border-color: #cccccc;
        border-width: 1px;
        border-style: solid;
          font-size: 11px;
        font-family: "Verdana", sans-serif;
          color: #cccccc;
        width: 160px;
        float: right;
        text-align: left;
        }

/*-----------------------------------------------------------------------------
   Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

    #header {
        width: 100%;
        padding: 10px 0px 20px 0px;
        margin: 0px;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 2px;
        border-style: solid;
        border-color: #999999;
        border-width: 1px;
        height: 500px;   
background: url(http://pics.livejournal.com/astridlinga/pic/0012gzs2) top center no-repeat transparent;
        color: #cccccc;
        }


    .headerimage {
        /* for formatting header image */
       
        }


         /*look  and color of links (also partly for footer)*/
    div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
        color: #999999;
    }

    div#header a:hover, div#footer a:hover {
        color: #ffffff;
        text-decoration: none;
    }

         /*title and subtitle*/
    .title    {
        color: #ffffff;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 200%;
        top: 10px;
        }

    .subtitle{
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: normal;
        top: 10px;
        color: #ffffff;
        }

/*-----------------------------------------------------------------------------
   Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

    ul.navheader
        {
        color: #ffffff;
        padding: 0px;
        margin: 0px;
        }

    ul.navheader li  {
        color: #cccccc;
        display: inline;
        padding: 0 3px 0 3px;
        }

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


    .subcontent {
    }

    .entry    {
        margin: 0px 10px 10px 30px;
        padding: 10px;
        background-color: none;
        color: #cccccc;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: left;
        border-width: 1px;
        border-color: #999999;
        border-style: solid;
        }


    .userpic {
        position: relative;
        float: left;
        background-color: #000000;
        padding: 5px;
        margin: 10px;
        z-index: 15;
        border-width: 1px;
        border-color: #999999;
        border-style: solid;
        }

    .date {
        line-height: 200%;
        top: 5px;
        color: #999999;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

    .subject {
        font-weight: bold;
        padding: 10px;
        color: #ffffff;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

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

    .datesubject {
        background-color: none;
        padding: 5px;
        }

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

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


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

    .currents, .currentmood, .currentmusic {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }


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

    .comments {
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        text-align: right;
        background-color: none;
        padding: 0px 5px 0px 5px;
        position: relative;
        top: 15px;
        }

    div.comments a, div.comments a:link, div.comments a:visited{
        color: #999999;
    }

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


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

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



/*------------------------------------------------------------
  Special friends page customization
-------------------------------------------------------------------------------*/


           .userpicfriends {
        position: relative;
        float: left;
        padding: 5px;
        margin: 10px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        border-color: #999999;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        z-index: 15;
        }


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

    .defaultuserpic {
        text-align: center;
        }

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

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

    .sbarbody2 {
        padding: 0 15px 0 15px;
    }

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

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


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

    table.calendar {
        margin-right: auto;
        margin-left: auto;
        }

    .sbarcalendar {
        border-color: #999999;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

    .sbarcalendarposts {
        border-color:  #999999;
        border-width: 1px;
        border-style: solid;
        background-color: none;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        }

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

    ul.sbarlist
    {
        padding-left: 0px;
        margin-left: 0px;
        list-style: none;
    }

    li.sbaritem
    {
        padding-left: 15px;
        list-style: none;
    }

    li.sbartitle
    {
        padding-left: 15px;
        list-style: none;
        border-style: solid;
        border-width: 1px;
        border-color: #999999;
        background-color: none;
        margin-bottom: 10px;
        margin-top: 10px;
    }

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


    #footer {
        width: 100%;
        text-align: center;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 1px;
        background-color: none;
        color: #cccccc;
        border-color: #999999;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        clear: both;
        }



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

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


    .clearfoot {
        clear: both;
        }

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

    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 {
        border-width: 1px;
        border-style: solid;
        border-color: #999999;
        }

    table.yeartable td.yearday {
        background-color: none;
        text-align: center;
        }

    td.yearmonth {
        border-style: none;
        }


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

    .datesubjectcomment {
            background-color: none;
            padding: 5px;
            margin-top: 20px;
            }

    .userpiccomment {
        position: relative;
        border-width: 5px;
        border-style: solid;
        border-color: #999999;
        background-color: #000000;
        top: -30px;
        left: 0px;
        padding: 5px;
        margin: 10px 10px -20px 10px;
        z-index: 15;
        float: left;
        border-width: 1px;
        border-color: #999999;
        border-style: solid;
        }

    .box {
        border-style: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #999999;
        padding: 10px;
        clear: left;
        }

    input, textarea {
        background-color: none;
        color: #cccccc;
        }

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

    .reply    {
        position: relative;
        margin: 20px 30px 10px 30px;
        padding: 25px 10px 10px 10px;
        text-align: left;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        line-height: 125%;
        background-color: none;
        color: #cccccc;
        }

    .replytosubject {
        font-weight: bold;
        }


    .commentreply {
        position: relative;
        margin: 10px;
        font-size: 11px;
        font-family: "Verdana", sans-serif;
        color: #cccccc;
        }

    .commentbox {

        border-color: #999999;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: none;
        }

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

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

    .commentboxpartial {
        border-color: #999999;
        border-width: 1px;
        border-style: solid;
        padding: 10px;
        margin: 10px;
        background-color: none;
        }

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

         .skiplinks {
        text-align: center;
        }


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

    .clear {
        height: 15px;
       



/*-----------------------------------------------------------------------------end-code----------------------------------------------------------*/



NOTE: none of the pictures used belongs to me, all belong to their rightful owner. Downloaded them from dbsg@LJ
the code is the default Flexible squares code, but modified.
 
 
Current Location: home
Current Mood: drained
 
 
 
hmtermulo: chunhmtermulo on July 25th, 2008 06:18 pm (UTC)
*taking* i credited you in my bio. uhm...was i suppose to credit you in some other place?
hmtermulohmtermulo on July 25th, 2008 06:18 pm (UTC)
thank you btw :P
lingieastridlinga on July 25th, 2008 06:33 pm (UTC)
you can credit where you want, in your bio is ok XD

and your welcome :P