Post Friends My journal
gawariel in gawariel_design

#61 - Never Forget

Feb 14, 2008 09:51



D E S C R I P T I O N

Name:

Never Forget.

Description:

Second Sweeney Todd inspired layout, but one that can stand on its own.
Shiney red and grey gradients give the layout a professional, yet playful look.

G E N E R A L     I N F O R M A T I O N

Works with ads?:

Yes.

Style:

Smooth Sailing.

Tested in:

IE and Mozilla Firefox.

Best Resolution:

1024*768 and above.

Works with Navigation Strip?:

Yes.

Credit:

Please put a link to gawariel_design in your profile or sidebar(linklist).



{Bigger} ~ {Live Preview}



I N S T A L L A T I O N

Go to Manage:

Customize

Select a New Theme:

  • Type Smooth Sailing in the search box and check the box next to "Only show themes available to me".
  • Click 'Search'.
  • Apply   any   theme that you get in the search results, it doesn't really matter which one!


Choose a Page Setup:



Note:

The following section(s) can be found in the  left, blue sidebar  of the page.
Only the sections I mention are the ones you MUST adjust. You can play with the rest as you please.

Display:

  • Under Additional Options:
    • Wrap Entry text under userinfo: Yes.
    • Userinfo Position in Comments: Right side of the entry text.
    • Wrap Comment text under userinfo: Yes.


Entry Text:

  • Under Entries and Comments:
    Change all the comment links to short words.
    E.g.
    • Edit Entry --> Edit
    • Edit Tags --> Tags
    • Add to memories --> + Mem
    • Tell a friend --> Tell
    • 1 comment/ #comments --> {1} / {#}
    • Leave a comment --> Forget?
    • Etc...


Menu:

  • Under Navigation:
    Change the navigation links to short words.
    E.g.
    • Recent Entries --> Recent
    • Friends' entries --> Friends
    • User Info --> Profile
    • Etc...


Link List:

To credit for the layout, please manage your links list and add a link to gawariel_design.

Custom CSS:

  • Use layout's stylesheet(s): No
  • Use layout's stylesheet(s) when including custom external stylesheet: No
  • Custom external stylesheet URL: Leave empty
  • Custom stylesheet: Paste the stylesheet (given bellow) in this box.
Hit "save changes".



I M A G E S     &     C O D E

Images:

The images are hosted on my account, but it is recommended that you upload them yourself. Don't forget to change the URL's in the code!


Code:

/* LAYOUT 61: NEVER FORGET */
/* S2 STYLE: SMOOTH SAILING */
/* AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) */
/* CREATED BY GAWARIEL (http://gawariel.livejournal.com/) */
/* IMAGES MADE IN PHOTOSHOP CS */
/*-----------------------------------------------------------------------------------------------*/

/*----------- MISC -----------*/
blockquote {
background: #181818 url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/Blockquote.jpg) repeat-x top center;
padding: 10px;
border-width: 1px 2px 2px 1px;
border-color: #000000;
border-style: solid;
font-size: 8pt;
letter-spacing: 1px;
}

textarea {
background: #181818;
color: #777777;
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/User.png);
padding: 16px 16px 0 0!important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/User.png);
padding: 16px 16px 0 0!important;
}

.ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/Community.png);
padding: 16px 16px 0 0!important;
}

.ljuser a b{
font-weight: normal;
}

/*----------- PAGE -----------*/

body {
background: #191919 url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/BG.jpg) no-repeat;
background-attachment: fixed;
}

.pageblock{
width: 800px;
margin: 0 auto;
text-align: center;
}

/*----------- HEADER -----------*/

/*DEFAULT HEADER IMAGE*/
.pageheaderblock {
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/ST2a.jpg) no-repeat top center;
height: 431px;
border-right: 1px solid #000000;
border-bottom: 2px solid #000000;
margin-bottom: 60px;
}

.header-title, .header-subtitle, .header-icon {
display: none;
}

.header-menu {
position:relative;
text-align:left;
top:450px;
width: 800px;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/NavigationBG.jpg) no-repeat top center;
height: 30px;
letter-spacing: 1px;
}

.header-menu ul {
display: inline;
margin: 0px 10px;
padding: 0px;
}

.header-menu li {
display: inline;
list-style: none;
margin-right: 10px;
padding-right: 10px;
line-height: 30px;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/Navseperator.jpg) no-repeat right;
font-size: 16px;
font-variant : small-caps;
}

.header-menu li a{
color: #777777;
text-decoration: none;
}

.header-menu li a:hover{
color: #CCCCCC;
}

/*----------- BODY -----------*/

.bodyblock {
text-align: left;
}

.bodyheaderblock, .body-title, .body-midtitle {
display: none;
}

.bodynavblock {
text-align: right;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/NavigationBG.jpg) no-repeat top center;
height: 30px;
margin: 20px 0 0 0;
color: #777777;
font-size: 16px;
font-variant : small-caps;
}

.bodynavblock ul {
display: inline;
margin: 0px 10px;
padding: 0px;
}

.bodynavblock li {
display: inline;
list-style: none;
margin-left: 10px;
padding-left: 10px;
line-height: 30px;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/Navseperator.jpg) no-repeat left;
font-size: 16px;
font-variant : small-caps;
}

.bodynavblock li a, .bodynavblock a{
color: #777777;
text-decoration: none;
}

.bodynavblock li a:hover, .bodynavblock a:hover{
color: #CCCCCC;
}

/*----------- ENTRIES -----------*/

.entryHolder {
width: 600px;
background: #1D1D1D;
margin-bottom: 40px;
border-right: 1px solid #000000;
border-bottom: 2px solid #000000;
}

.entryUserinfo, .commentUserinfo {
float: right;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
}

.entryUserinfo-usericon img, .commentUserinfo-usericon img {
background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/IconBG.jpg) no-repeat scroll bottom left;
margin: 0 6px 0 12px;
padding: 10px;
border: 0px;
border-bottom: 2px solid #000000;
border-right: 1px solid #000000;
}

.entryUserinfo a,
.commentUserinfo a {
color: #A60000;
text-decoration: none;
font-weight: normal;
}

.entryUserinfo a:hover,
.commentUserinfo a:hover {
color: #6C0000;
}

.entryText, .commentText {
text-align: justify;
margin: 10px;
color: #999999;
line-height: 20px;
font-family: verdana;
font-size: 9pt;
}

.entryText a, .commentText a{
color: #A60000;
text-decoration: none;
}

.entryText a:hover, .commentText a:hover{
color: #6C0000;
}

.entryText ul li {
list-style: none;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/item.png) no-repeat top left;
margin: 0;
padding: 0 0 0 20px;
}

.entryText ol li {
margin: 0 0 0 20px;
list-style: lower-roman;
}

.entryHeader, .commentHeader {
background: #161616 url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/EntryHeader.jpg) no-repeat top center;
line-height: 30px;
text-align: center;
margin: 0 0 20px 0;
}

.entryHeader a, .commentHeader a {
color: #CCCCCC;
letter-spacing: 1px;
font-size: 18px;
font-variant : small-caps;
text-decoration: none;
}

.entryHeader a:hover, .commentHeader a:hover {
color: #999999;
}

.entryHeaderSubject {
color: #CCCCCC;
letter-spacing: 1px;
font-size: 18px;
font-variant : small-caps;
text-decoration: none;
}

.entryHeaderDate {
color: #555555;
letter-spacing: 1px;
font-size: 12px;
text-decoration: none;
}

.entryMetadata {
text-align: left;
font-size: 12px;
color: #555555;
letter-spacing: 1px;
}

.entryMetadata ul {
margin: 0;
padding: 10px 0 20px 40px;
}

.entryMetadata li {
list-style: none;
}

.entryMetadata-label {
font-weight: bold;
margin: 0 20px 0 0;
}

.entryMetadata a{
color: #A60000;
text-decoration: none;
}

.entryMetadata a:hover{
color: #6C0000;
}

.entryLinkbar, .commentLinkbar {
text-align: right;
font-family: verdana;
font-size: 12px;
font-variant : small-caps;
letter-spacing: 1px;
}

.entryLinkbar a, .commentLinkbar a{
text-decoration: none;
color: #A60000;
}

.entryLinkbar a:hover, .commentLinkbar a:hover{
color: #6C0000;
}

.entryLinkbar ul, .commentLinkbar ul {
list-style: none;
}

.entryLinkbar li, .commentLinkbar li {
display: inline;
padding: 0px 6px 0px 6px;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/Commentseperator.jpg) no-repeat;
}

/*----------- FOOTER -----------*/
.pagefooterblock {
text-align: right;
color:#333333;
font-size: 12px;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/Credit.png) no-repeat bottom right;
height: 80px;
}

/*----------- SIDEBAR -----------*/

.sidebar {
width: 200px;
}

.sidebar a {
color: #777777;
text-decoration: none;
}

.sidebar a:hover {
color: #CCCCCC;
}

.sidebox {
background: #330000 url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/SBBG.jpg) repeat-x top center;
margin: 0 10px 40px 0;
padding: 0 0 10px 0;
border-right: 1px solid #000000;
border-bottom: 2px solid #000000;
}

.sideboxTitle {
text-align: center;
color: #CCCCCC;
letter-spacing: 1px;
font-size: 16px;
font-variant : small-caps;
text-decoration: none;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/NavigationBG.jpg) no-repeat center;
margin: 0 0 5px 0;
line-height: 30px;
}

.sideboxContent {
text-align: justify;
margin: 10px;
color: #999999;
line-height: 20px;
font-family: verdana;
font-size: 9pt;
}

.sidebox #profile {
text-align: center;
font-size: 8pt;
}

.profile-label {
font-weight: bold;
padding-right: 4px;
}

.profile-userpic {
background: transparent url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/IconBG.jpg) no-repeat scroll bottom left;
margin: 0 6px 0 12px;
padding: 10px;
border-bottom: 2px solid #000000;
border-right: 1px solid #000000;
}

.sidebox #systemlinks {
text-align: left;
line-height: 20px;
font-size: 11px;
}

#systemlinks .listitem {
border-bottom: 1px solid #530000;
}

.listtitle {
font-variant: small-caps;
border-bottom: 1px solid #CCCCCC;
margin: 10px 0 5px 0;
}

.summaryList {
text-align: left;
line-height: 20px;
font-size: 11px;
border-bottom: 1px solid #530000;
}

.sidebox #latestmonth {
text-align: center;
color: #555555;
}

#latestmonth a{
color: #CCCCCC;
border-bottom: 1px solid #A60000;
}

.sidebox #latestmonth table{
margin: 0 auto;
text-align: center;
width: 90%;
}

#search input {
font-size: 10px;
text-transform: lowercase;
background-color: #1D1D1D;
color: #999999;
letter-spacing: 1px;
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #111111;
padding: 3px;
}

#SearchTerm {
position: relative;
left: 0;
width: 160px;
margin-left: 0;
}

#SearchType, select {
width: 160px;
background-color: #1D1D1D;
color: #999999;
font-size: 10px;
letter-spacing: 1px;
text-transform: lowercase;
margin-bottom: 8px;
margin-top: 2px;
border: 1px solid #111111;
padding: 3px;
}

.sidebox #tags_sidebox {
font-size: 10px;
}

/*----------- COMMENT PAGE -----------*/
.commentHolder {
background: #2C2C2C;
margin-bottom: 40px;
border-right: 1px solid #000000;
border-bottom: 2px solid #000000;
}

.commentHeader {
color: #555555;
letter-spacing: 1px;
font-size: 12px;
font-variant : small-caps;
text-decoration: none;
}

.commentHeaderScreened {
color: #7C0000;
font-weight: bold;
text-decoration: underline;
letter-spacing: 1px;
font-size: 12px;
font-variant : small-caps;
}

.replyform {
padding: 10px;
margin: 10px 20px 0px 0px;
background: #1D1D1D;
border-bottom: 2px solid #000000;
border-right: 1px solid #000000;
color: #999999;
}

#commenttext {
width:100%;
}

/*----------- ARCHIVE PAGE -----------*/

.month {
width: 80%;
margin: 0 auto 20px auto;
}

.daytitles {
text-align: center;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/61_Never%20Forget/NavigationBG.jpg) no-repeat top center;
height: 30px;
letter-spacing: 1px;
color: #777777;
font-size: 16px;
font-variant : small-caps;
border: 1px solid #540000;
}

.day {
border: 1px solid #540000;
padding: 5px;
color: #999999;
}

.day-count {
text-align: right;
}

.day-count a {
color: #A60000;
text-decoration: none;
}

.day-count a:hover{
color: #6C0000;
}

/*----------- TAGS PAGE -----------*/

.tagstable {
padding: 10px;
}

.tagstable td{
border: 1px solid #111111;
padding: 3px;
}

/*==========================================================================================================================*/
/*----------- TO ADD YOUR OWN HEADER PLEASE FOLLOW THE INSTRUCTIONS AND THEN PASTE THE CODE UNDERNEATH THIS LINE -----------*/
/*==========================================================================================================================*/

Add your own header:

Your header must be 800px wide and 430px tall.
To add your header, paste the following code at the bottom of the stylesheet:

.pageheaderblock {background: url(URL TO YOUR IMAGE) no-repeat top center;}

You can find more premade headers that match this layout, click here!



T R O U B L E S H O O T I N G

Before asking any questions, make sure you read all information above thouroughly and that your question isn't adressed in the FAQ.

If your problem still isn't solved, you are welcome to ask your question here

layouts: account status: plus, layouts: [s2], layouts: account status: paid, layouts, layouts: account status: basic, layouts: [s2]: smooth sailing

Leave a comment

Read comments 28
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2024 LiveJournal, Inc.