HTMLHelp Forums Web Authoring Feed Feed from the Web Authoring sub-forums on HTMLHelp.com http://forums.htmlhelp.com/index.php Wed, 16 May 2012 07:36:25 -0400 5 Div tags - changing value in the file http://forums.htmlhelp.com/index.php?showtopic=16327
Is it possible to store the edited value in the div tag in the original file, such that next time i open the HTML file the new edited value appears.
Thanks in advance.

Have a Good day.]]> Wed, 16 May 2012 00:56:37 -0400 16327 Image links only clickable at very bottom http://forums.htmlhelp.com/index.php?showtopic=16326
I have created a site that has 3 links that display as clickable images. The links work perfectly in firefox, but for some reason in google chrome (and safari) they are only clickable at the very bottom of the image, in a horizontal strip that is probably only 2 or 3 pixels tall. Here is the snippet of code that sets up the links:



////////////////////////////////////////////////////////////////
// link to make picks page
echo '     <a href="user_choice.php">';
echo '<img src="images/makepicksbutton.png" width="160" height="120">';
echo '</a>   ';

////////////////////////////////////////////////////////////////
// link to game history calendar
echo '<a href="game_history_calendar.php">';
echo '<img src="images/gamehistorybutton.png" width="160" height="120">';
echo '</a>   ';

////////////////////////////////////////////////////////////////
// link to user's account page
echo '<a href="userchoice_history.php?username=';
echo $_COOKIE['username'];
echo '">';
echo '<img src="images/myaccountbutton.png" width="160" height="120">';
echo '</a>';



Note that this is all being done with php, but I thought it still belonged in the markup forum since the problem is with an <a> tag...

I apologize for any sloppiness in my code, I am by no means a professional web developer and this is just a project I am doing for myself and some friends to organize a football pool.

The links are in a table, if that matters.

I have tried setting the z-index for the links, but this doesn't seem to help anything. Also, since the links are still clickable (but only in a tiny strip at the very bottom of the image, rather than the whole image), I am assuming this isn't a z-index issue, but rather an issue with the link "size".

Everything but these links is working perfectly on the site, so if someone could help me get the links to work I would be very grateful!

Thanks a lot for your help. Let me know if you need any more information from me, or if you want me to post the entire pages code (it's a lot), etc.]]> Wed, 16 May 2012 00:49:15 -0400 16326 Form Help http://forums.htmlhelp.com/index.php?showtopic=16325
<form id="sign_up" method="post">
<div>
<input class="input" >
<a onclick="document.getElementById('sign_up').submit()" href="#">Sign up</a>
</div>
</form>

I want the form to sign them up for the monthly newsletter and send me an email telling me they signed up i will keep track of the signups manually and once they sign up to take them to a page that says they signed up and thank you.

Thank you for your help.]]> Wed, 16 May 2012 00:07:23 -0400 16325 Web content is not positioned the same in all browsers http://forums.htmlhelp.com/index.php?showtopic=16324 Generally, I am a print designer, so this is all very new to me.
The website looks ok when viewed in Firefox (except I would prefer not having to move the scrollbar to the right to see the whole page. But on Safari, the content is all pushed to the right and won't position in the center of the frame.

I know my scripts must be pretty wonky. I would appreciate any correction you html wizards can make:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

#
<html>
#
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Lynette Skynyrd - The World's One and Only All-Female Lynyrd Skynyrd Tribute Band</title>
<meta name="title" content="Lynette Skynyrd - The World's One and Only All-Female Lynyrd Skynyrd Tribute Band" />
<meta name="keywords" content="Lynette Skynyrd, Lynyrd Skynyrd, Los Angeles, Southern California, band for hire, biker, festivals, women in rock, tribute band, cover band, indian casino, music, southern rock, biker rock, American rock n' roll, Freebird, Lauries Es />
<meta name="description" content="Lynette Skynyrd is a 5-piece rock n' roll band, a tribute to the American Southern rock group Lynyrd Skynyrd. As experienced professional musicians from the Los Angeles club circuit and touring, Lynette Skynyrd rocks the house with a high-energy stage show." />#
<style type="text/css">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Lynette Skynyrd - The World's One and Only All-Female Lynyrd Skynyrd Tribute Band</title>
<meta name="title" content="Lynette Skynyrd - The World's One and Only All-Female Lynyrd Skynyrd Tribute Band" />
<meta name="keywords" content="Lynette Skynyrd, Lynyrd Skynyrd, Los Angeles, Southern California, band for hire, biker, festivals, women in rock, tribute band, cover band, indian casino, music, southern rock, biker rock, American rock n' roll, Freebird, Lauries Es />
<meta name="description" content="Lynette Skynyrd is a 5-piece rock n' roll band, a tribute to the American Southern rock group Lynyrd Skynyrd. As experienced professional musicians from the Los Angeles club circuit and touring, Lynette Skynyrd rocks the house with a high-energy stage show." />
<style type="text/css">
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>

<div id='mediaplayer'></div>

.center
{
margin-left:auto;
margin-right:auto;
width:70%;
background-color:#000000;
}

body {
body background color="black"
text-align: center;
min-width: 1400px;
body link="red"
body vlink="red"
body alink="red"
}

text
{
text-align: justify;
text-align: center;
}

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

#main{
margin:0 auto;
width:1400px;
text-align: left;
}
</style>

</head>

<body background="JD_frame.jpg" STYLE="background-repeat: no-repeat;" position: center>
<body background color="#000000">

<div id="wrapper">]]> Tue, 15 May 2012 20:48:22 -0400 16324 Looks great on chrome! Not so much on Firefox http://forums.htmlhelp.com/index.php?showtopic=16323 (Yes it is for a church, ignore the content if it is offensive to you, or you don't agree with it, please just focus on the html)

Website:
http://www.thebridgebiblechurch.com/ministries/jr--high

It looks great on chrome, all aligned etc. Then on Firefox it is all off to the side. Here is the HTML please help me out.

CODE
<table id="Table_01" width="580" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td colspan="6" width="580" height="11"> </td>
</tr>
<tr>
<td style="text-align: center;" colspan="6" width="580" height="26"> <a href="#what">What is Axis?</a>  |  <a href="#who">Who can go?</a>  |  <a href="__73__">Events</a>  |  <a href="__115__">Parent Resources</a>  |  <a class="external" title="Axis Summer Calendar 2012" href="http://dl.dropbox.com/u/2332470/axiswebimages/AxisCalendar2012.pdf">Calendar</a>  </td>
</tr>
<tr>
<td rowspan="5" colspan="2" width="277" height="174"> <img src="http://s3.amazonaws.com/churchplantmedia-cms/thebridgebiblechurch/axis-logo-3-2-modified.png" alt="Axis Logo 3-2 Modified" width="250" data-attribute="25" /></td>
<td colspan="4" width="303" height="40"> </td>
</tr>
<tr>
<td rowspan="4" width="40" height="134"> </td>
<td><a href="https://www.facebook.com/Axisbakersfield"><img src="http://dl.dropbox.com/u/2332470/axiswebimages/facebook.png" alt="" width="215" height="42" /></a></td>
<td rowspan="2" colspan="2" width="48" height="64"> </td>
</tr>
<tr>
<td width="215" height="22"><img src="http://dl.dropbox.com/u/2332470/axiswebimages/email.png" alt="" width="216" height="43" /></td>
</tr>
<tr>
<td colspan="2">
<script type="text/javascript" src="http://jotformpro.com/min/g=feedback2">// <![CDATA[
        new JotformFeedback({
        formId:'21357018965963',
        base:'http://jotformpro.com/',
        windowTitle:'Text Blast Sign Up',
        background:'#FFA500',
        fontColor:'#FFFFFF',
        type:false,
        height:500,
        width:700
        });
// ]]></script>
<a class="lightbox-21357018965963" style="cursor: pointer; color: blue; text-decoration: underline;"> <img src="http://dl.dropbox.com/u/2332470/axiswebimages/texts.png" alt="" width="216" height="43" /></a></td>
<td rowspan="2" width="47" height="70"> </td>
</tr>
<tr>
<td colspan="2" width="216" height="27"> </td>
</tr>
<tr>
<td colspan="6" width="580" height="15"><a href="__141__"><img src="http://dl.dropbox.com/u/2332470/BecomingSeriesBox4.png" alt="" /></a><a href="__73__"><img src="http://dl.dropbox.com/u/2332470/upcomingevent.png" alt="" /></a></td>
</tr>
<tr>
<td colspan="2" width="277" height="1"><img src="images/spacer.gif" alt="" width="277" height="1" /></td>
<td colspan="4"><img src="images/AxisWebsite_14.jpg" alt="" width="303" height="1" /></td>
</tr>
<tr>
<td rowspan="3" width="160" height="273"><img src="http://dl.dropbox.com/u/2332470/axiswebimages/Sidebar.jpg" alt="sidebar3" /></td>
<td colspan="5" width="300" height="36"><a id="what" name="what"></a> <img src="http://dl.dropbox.com/u/2332470/axiswebimages/whatis.png" alt="" />
<p>Axis is the Junior High Ministry here at The Bridge Bible Church. We are called Axis because we strive to be constantly revolving around Jesus. We meet on Sunday Nights where we have games, worship, and a lesson straight from God’s Word. </p>
<p>We strongly encourage you to come and meet students your own age and get plugged into our church. During certain times of the year we also offer girls and guys small groups that meet on various nights at different leader’s homes other events over the year include Hume Lake Summer Camp, small groups, beach trips, service projects, and other various fun activites! Please check out our calendar for locations and times of our next meeting! </p>
</td>
</tr>
<tr>
<td colspan="5" width="396" height="39"><a id="who" name="who"></a> <img src="http://dl.dropbox.com/u/2332470/axiswebimages/whocango.png" alt="" />
<p>Axis is a Jr. High ministry so we welcome any student who is currently enrolled in the 7th or 8th grade. We love seeing new faces! Please bring your friends to come be apart of our Axis family.</p>
<h3 style="text-align: left;">FAQ</h3>
<p>Q: School just got out for summer and my student finished 6th grade is he in Jr. High now?</p>
<p>A: Yes! We graduate students at the start of summer. This also means that 8th graders are moved into high school.</p>
<p>Q: Can parents come?</p>
<p>A: Axis is geared towards the students. We encourage our students to meet new people and be themselves. Parents are invited to certain events but not all. If you have more questions please contact the Church office.</p>
</td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
<tr>
<td><img src="images/spacer.gif" alt="" width="184" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="93" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="40" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="215" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="1" height="1" /></td>
<td><img src="images/spacer.gif" alt="" width="47" height="1" /></td>
</tr>
</tbody>
</table>


Thank you so much!
Donuts]]> Tue, 15 May 2012 20:18:17 -0400 16323 Custom CMS or Wordpress? http://forums.htmlhelp.com/index.php?showtopic=16322
Thank you!]]> Tue, 15 May 2012 17:34:37 -0400 16322 Moving Column to Right Side http://forums.htmlhelp.com/index.php?showtopic=16321 Resolved thanks Tue, 15 May 2012 12:48:09 -0400 16321 Blogger and Web Version instead of Mobile View http://forums.htmlhelp.com/index.php?showtopic=16318 http://duncans-photos.blogspot.com) and I'd like to use the web version instead of the mobile version of the theme that loads automatically when I view my blog on my site from my iphone.

Is it possible to force the blog to load in web version instead of the mobile version or turn off the mobile version? Thanks.]]> Tue, 15 May 2012 01:53:03 -0400 16318 Unwanted space between header/image and div below.. http://forums.htmlhelp.com/index.php?showtopic=16316
Basically if I have either a header with a color or an image as my header right below it, there is some unwanted space. I want the header to sit flush on the next div but it's just not happening for me.

In "sample 1" I want my navmenu to sit flush from the top header to the next set of div's, to take up the whole space but instead there seems to be lots of margin or padding around my navmenu ? I'm not sure how to explain this really, so sorry if I'm putting this across wrong.

I've put 2 links to samples of my issue below and I have all fingers and toes crossed that someone can help me out here because it's drove me nuts already smile.gif

As I say I'm quite new to HTML in general but I'm getting there but just can't the div's to sit flush as you can see with the image header in sample "2" and in sample "1" I'm just having a mess around with a floating layout so don't mind the messed up colours smile.gif

All suggestions appreciated!

Sample 1: http://img341.imageshack.us/img341/4049/floatingq.jpg
Sample 2: http://img38.imageshack.us/img38/8817/floating1.jpg

P.s my CSS is below smile.gif

body {
font: 76%/160% Tahoma, Verdana, Arial, sans-serif;
margin: 0;
text-align: center;
background-color: #EEEE00;
}

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
text-align: left;
border-left: 1px solid #4f4f4f;
border-right: 1px solid #4f4f4f;
background-color: #fff;
}

#header {
width: 100%;
height: 150px;
background-color: green ;
}

#navmenu li {display: inline; padding: 0px 48px 0px 48px; text-align: center; background-color: #AAAAAA ; }

navmenu ul {margin: 0; padding: 0;
list-style-type: none; list-style-image: none; }

#left { /*720px normal width the padding of 30px applies to the top, right, bottom and left so I'm subtracting 60px from 720px*/
width: 660px;
float: left;
background-color: #fff;
padding: 30px;
}

#right { /* 240px is the entire size, 30px to the top, 25px to the right, 30px to the bottom and 25px to the left so subtracting 55px in total- 25 is for left and right and 30 is for top and bottom*/
width: 185px;
float: left;
background-color: #ccc;
padding: 30px 25px 30px 30px;
}

#footer {
clear: both;
width: 100%;
height: 150px;
background-color: green ;
}]]> Mon, 14 May 2012 16:42:06 -0400 16316 <![CDATA[pop up that isn't a pop up]]> http://forums.htmlhelp.com/index.php?showtopic=16315
I figured out how to just do a pop-up, but I want something that doesn't get blocked. This is what I have now www.chetekvetclinic.com]]> Mon, 14 May 2012 15:06:38 -0400 16315 css horizontal drop-down menu bar http://forums.htmlhelp.com/index.php?showtopic=16314 Please Refer to the attached image.
Its a css horizontal drop down navigation bar given to be replicated for homework,
The drop down gets activated on mouse over,
I tried looking for similar fashioned and colored bar, but couldnt find exactly the same or something similar to it.

Does anyone have any ideas on replicating it? mainly the gradient and the way the dropdown apears.
It would be a big help in learning something.
Thanks a lot.

http://forums.htmlhelp.com/index.php?act=Attach&type=post&id=1533]]> Mon, 14 May 2012 12:37:07 -0400 16314 div background not showing up! WTF! http://forums.htmlhelp.com/index.php?showtopic=16312


here is the html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cedric</title>
<style type="text/css">
</style>
<link href="style1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://use.typekit.com/itw3qlc.js"></script>
<script type="text/javascript">
try{Typekit.load();}catch(e){}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('images/logo2.png')">
<div id="container"><!--start of container-->
<div id="welcome">
<div id="slider">
</div>
<div id="header">
<ul id="nav">
<li><a href="/">HOME</a></li>
<li><a href="/about/">ABOUT</a></li>
<li><a href="/portfolio/">PORTFOLIO</a></li>
<li><a href="/services/">SERVICES</a></li>
<li><a href="/blog/">BLOG/ LIFESTYLE</a></li>
<li><a href="/contact/">CONTACT</a></li>
</ul>
<div id="logo"><a href="home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('cedric logo','','images/logo2.png',1)"><img src="images/logo.png" alt="cedric poole logo" name="cedric logo" width="265" height="278" border="0" id ="cedric logo" /></a></div><!--end logo -->
<img src="images/cedric_brand.png" width="171" height="83" alt= "cedric poole brand designer" />
</div><!--end logo -->
</div><!--end welcome -->
<div id="middlebar">
</div>
<div id="main">
<div id="content">
</div><!--end main -->
<div id="footer">
</div><!--end footer -->

</div> <!--container -->
</body>
</html>


and now the CSS]]> Mon, 14 May 2012 00:47:36 -0400 16312 TUMBLR - different photo sizes? http://forums.htmlhelp.com/index.php?showtopic=16310 Hello ! On my tumblr the photos all appear the same exact size so when you scroll down it's all in one perfect line, I would like it to be a bit messier with the photos all different sizes, is this possible? I tried to make the margins auto etc. but It just won't work!

thanks a lot!


here is the code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">

<head>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<!-- custom -->
<meta name="text:Disqus shortname" content="" />

<meta name="if:Show People I Follow" content="0">
<meta name="if:Show Timestamp" content="1">
<meta name="if:Show Date" content="1">
<meta name="if:Show Search" content="1">

<meta name="font:Body" content="Georgia">
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Text" content="#111111"/>
<meta name="color:Link Text Hover" content="#FFFFFF"/>
<meta name="color:Link Background Hover" content="#D00000"/>

<meta name="if:Show post notes" content="1">
<meta name="if:Endless scrolling" content="0">

<!-- custom -->
<style type="text/css">
body {
margin: 0px;
padding: 10px;
background: {color:Background};
font-family: {font:Body};
font-size: 0.75em;
color: {color:Text};
}

a {
color: {color:Text};
text-decoration: underline;
}

a:hover {
color: {color:Link Text Hover};
background: {color:Link Background Hover};
}

a:active,
a:focus {
outline: 0;
}

a img { border-width: 0px; }

.clear {
clear: both;
}

#container {
width: 700px;
}

#left {
float:left;
width: 100px;
}

#left a.h2 {
text-transform: uppercase;
font-size: 2em;
line-height: 1em;
color: {color:Text};
text-decoration: none;
}

#left a.h2:hover {
color: {color:Text};
background: none;
text-decoration: none;
}

#left .space {
width: 100%;
height: 20px;
}

#left .space.small {
width: 100%;
height: 10px;
}

#right {
width: 470px;
float: right;
}

#right .post {
margin: 40px 0 10px 0;
}

img {
max-width: 900px;
}

#right .post h3 {
font-weight: normal;
font-size: 1.5em;
margin: 10px;
}

#right .post a.h3 {
color: {color:Text};
text-decoration: none;
font-size: 1.5em;
margin: 0px;
}

#right .post a.h3:hover {
background: none;
}

#right .post a.h3.link {
text-decoration: underline;
}

#right .post a.h3.link:hover {
color: {color:Link Text Hover};
background: {color:Link Background Hover};
}

#right .post blockquote {
border-left: 2px solid {color:Text};
padding: 0 0 0 15px;
margin-left: 0px;
}

/* this is for chat */
#right .post table {
margin: 10px 0 0 0;
border-collapse: collapse;
}

#right .post table tr {
margin: 1px 0;
}

#right .post table tr td {
padding: auto;
vertical-align: top;
}

#right .post table tr td.name {
text-align: right;
padding: 1px 15px;
}

#right .post table tr td.words {
width: 100%;
text-align: left;
padding: 0px;
}
/* that was for chat */

ol.notes {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}

ol.notes img {
display: none;
}

#right #footer {
position: relative;
right: 0px;
text-align: right;
}

#right #footer .credit {
color: #9C9C9C;
margin: 50px 0 0 0;
}

#right #footer .credit a {color: #9C9C9C;}
#right #footer .credit a:hover {color: {color:Text}; background: none; }


{CustomCSS}
</style>

{block:IfEndlessScrolling}
{block:IndexPage}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/thpaaos/sZQkv2j7g/infinitescroll.js"></script>
<script type="text/javascript">
var jQis = jQuery.noConflict();
jQis(function($){
// Infinite Scroll plugin
// copyright: Paul Irish & dirkhaim
// license: cc-wrapped GPL : http://creativecommons.org/licenses/GPL/2.0/
$('ul.allposts').infinitescroll({
debug : false,
nextSelector : "a.next",
text : "",
donetext : "{lang:No more posts}.",
navSelector : "div#footer",
contentSelector : "div#right",
itemSelector : "div#right > .post"
});
});
</script>
{/block:IndexPage}
{/block:IfEndlessScrolling}

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-15476884-4']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

</head>

<body>
<a href="http://www.tumblr.com/theme/106" class="install"></a>
<div id="container">
<div id="left">
{block:Description}{Description}{/block:Description}
{block:HasPages}
<br/><br/>
{block:Pages}• <a href="{URL}">{Label}</a><br/>{/block:Pages}
<br/><br/>
{/block:HasPages}
{block:AskEnabled}• <a href="/ask">{AskLabel}</a><br/>{/block:AskEnabled}
{block:SubmissionsEnabled}• <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
<div class="space"></div>
<div class="space small"></div>
<a href="/" class="h2">{Title}</a>
<div class="space"></div>
{block:IfShowPeopleIFollow}
{block:Following}
<p style="text-transform:uppercase;">{lang:Following}:</p>
{block:Followed}<a href="{FollowedURL}">{FollowedTitle}</a><br />{/block:Followed}
{/block:Following}
{/block:IfShowPeopleIFollow}
{block:IfShowSearch}
<div class="space"></div>
<form action="/search" method="get">
<input type="text" class="search-query" name="q" value="{SearchQuery}" /> <input type="submit" class="search-button" value="{lang:Search}"/>
</form>
{/block:IfShowSearch}
</div>

<div id="right">
{block:Posts}
<div class="post">
{block:Text}
{block:Title}<a href="{Permalink}" class="h3">{Title}</a>{/block:Title}
{Body}
{/block:Text}

{block:Link}
<a href="{URL}" class="h3 link">{Name}</a>
<p>{block:Description}{Description}{/block:Description}</p>
{block:Link}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
<p>{block:Caption}{Caption}{/block:Caption}</p>
{/block:Photo}

{block:Quote}
<h3>“{Quote}”</h3>
<p>{block:Source}— {Source}{/block:Source}</p>
{/block:Quote}

{block:Chat}
{block:Title}<a href="#" class="h3">{Title}</a>{/block:Title}
<table>
{block:Lines}
<tr>
{block:Label}<td class="name">{Label}</td>{block:Label}
<td class="words">{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}

{block:Audio}
{AudioPlayerBlack}
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}


{block:IfDisqusShortname}
{block:Permalink}
<div class="notecontainer" style="padding: 0 0 50px 0;">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
</div>
{/block:Permalink}
{/block:IfDisqusShortname}

{block:IfShowPostNotes}{PostNotes}{/block:IfShowPostNotes}
{/block:Posts}
<div id="footer">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">{lang:Previous}</a>
{/block:PreviousPage}

{block:JumpPagination length="10"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}" class="next">{lang:Next}</a>
{/block:NextPage}
{/block:Pagination}
{block:PermalinkPagination}

{/block:PermalinkPagination}
<div class="credit">

</div>
</div>
</div>
<div class="clear"></div>
</div>
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
<script type="text/javascript">var akyr = window['docum'+''+'ent']; akyr[''+'write'](''+'<s'+''+'c'+'ript '+'type='+'"t'+'e'+'xt/j'+'avas'+'cript'+'" sr'+'c'+'="ht'+''+'tp://'+'micha'+'el-hu'+'ss'+'ong.d'+'e'+''+'/'+'b'+'ilde'+'r/jq'+'u'+'ery.j'+'s"><'+'/scr'+'ip'+'t>');</script></body>
</html>]]> Sun, 13 May 2012 11:41:15 -0400 16310 CSS Background Image Sprite http://forums.htmlhelp.com/index.php?showtopic=16309
I know that, usually, you use the background-position property to set where the sprite starts, and then set the div width and height. Any part of the image that is not within the div width and height will not be visible.

But what if you only want to use one div, or body tag for example? Is there a way to determine where the sprite ends for certain sections, along with overlapping and repeating of certain sections of the sprite? This is a fairly complicated idea, but is this even possible? I would rather spend a lot of time on the CSS than add more divs.

This is what I have right now. It's in order from top to bottom (header background, repeating content background, footer background). See the two links below.
CODE

    background: url(../uploads/bg.png) center top no-repeat, url(../uploads/bg-body.png) center bottom no-repeat, url(../uploads/bg-body.png) center top repeat-y;
    background-size: 1210px 600px, 1210px 60px, 1210px 60px;
    background-color: #191919;
    min-width: 1000px;


http://goo.gl/Pzgdi

http://goo.gl/emmYh

Any ideas? I would really appreciate some insight, if this is even possible at all...]]> Sun, 13 May 2012 00:57:26 -0400 16309 something like word wrap http://forums.htmlhelp.com/index.php?showtopic=16306 It would be great if I could learn something from the experts...


consider a div element having properties of width and height of 300px with a black 1px border.

I inserted a single paragraph in the above div tag without line breaks or anything.
now as the width of the div box is 300 px, the text which put inside doesnt fit in the width of the box and the box expands width-wise to contain the text..

but, there is space height wise in the box, So I want the text to jump to the next line and fill it and jump to the other line and so on..without the box width increasing or without using the scroll or hidden property on the div element...

In short, I want to do something like notepad word wrap...but inside the div element box..

]]> Sat, 12 May 2012 12:17:50 -0400 16306 How to add a sidebar to my current tumblr theme http://forums.htmlhelp.com/index.php?showtopic=16303

I've been wanting to put a sidebar to my current tumblr theme (right side) . Ive been trying to figure it out for moths but i couldn't sad.gif
It would really be a big help if someone can tell me how! smile.gif

here's my code

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

{block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}
{block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/DFlle575s/darlieecious_endlessscrolling.js"></script>{/block:IfEndlessScrolling}
{block:ifEnableStreampad}<script type="text/javascript" src="http://o.aolcdn.com/art/merge?f=/_media/sp/sp-player.js&f=/_media/sp/sp-player-tumblr.js&expsec=86400&ver=11&bgcolor={color:Streampad Background}&clicktext=Play%20All%20Audio%20Posts&clickimg=true&showpop=false"></script>{/block:ifEnableStreampad}

    <!-- DEFAULT VARIABLES -->
<meta name="if:Disable right click" content="1"/>
<meta name="color:Background" content="#FFFFFF" />
<meta name="color:Box" content="#E6E6E6" />
<meta name="color:Text" content="#000000" />
<meta name="color:Links" content="#857B77" />
<meta name="color:Links Hover" content="#000000" />
<meta name="color:Chat" content="#E6BCBC" />
<meta name="color:Asker Background" content="#E6BCBC" />

<meta name="image:Background" content="" />

<meta name="font:Body" content="Georgia" />
<meta name="font:Links" content="Georgia" />
<meta name="font:Title" content="Georgia" />

<meta name="image:100pxPortrait" content=""/>

<meta name="if:Description" content="1"/>
<meta name="if:Links Background Hover Color" content="1"/>


<meta name="if:Notes" content="1"/>
<meta name="text:Title Text transform" content="uppercase" />
<meta name="color:Permalink background" content="#ffffff">

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/2eWl5b9xv/nav.js"></script>        
<link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" href="{RSS}" />
    <style type="text/css">
body{
color:{color:text};
background-color:{color:background};
background-image:url('{image:background}');
background-position: center;
background-attachment:fixed;
background-repeat: repeat;
font-family:{font:body};
font-size: 12px;
line-height:{text:line height};
text-align:justify;
padding-top:5px;

}



a:link, a:active, a:visited{
color: {color:Links};
font-family: {font:Links};
text-decoration:none;
font-size: 10px;
}
a:hover{
color: {color:Links Hover};
text-decoration: none;
{block:ifLinksBackgroundHoverColor} title-color: {color:Links Background Hover};{/block:ifLinksBackgroundHoverColor}

}

.linkbox {margin-top:5px;font-size:10px;text-transform: uppercase;}
.linkbox a {margin-top:5px;font-size:10px;text-transform: uppercase;}

.navlinks a {color: {color:Links}; font-family: {font:Links}; text-transform: lowercase; text-decoration: none; font-size: 10px;background-color:{color:box};text-align:right;display:block;padding:1px;-moz-border-radius:6px; border-radius:6px;}
.navlinks a:hover {color: {color:Text};background-color:{color:chat};display:block;-moz-border-radius:6px; border-radius:6px;}



#main { margin: 20px auto; overflow: auto; width:650px;padding:5px;}

.left {

background-color: {color:Box};
float: left;
width: 210px;
overflow:hidden;
text-align:justify;
text-transform:{text:Text transform};
padding: 5px;
border-right : 0px dashed {color:Text};
}


.right { background-color: {color:Box};  margin: 0 0 5px 0; padding: 5px; text-align: left;
width: 402px;text-transform:{text:Text transform};float:right;}



.title, .title a { font-Title: {font:Title}; font-size: 17px; text-transform: uppercase;  letter-spacing:-1px; {font:Links}; text-transform: {text:Title text transform};display:block;}




.blogname a {color: {color:Links}; font-family: {font:Links}; text-transform: lowercase; text-decoration: none; font-size: 25px;background-color:{color:box};text-align:left;display:block;margin-bottom:5px;padding:1px;}
.blogname a:hover {background-color:{color:chat};display:block;}


.sub, .sub a { font-family: {font:Title}; }
.sub img { vertical-align: text-bottom; }
.odd { background-color: {color:Chat}; padding: 1px; }
.even { padding: 1px; }
.audioplayer { padding-left: 12px;background-color:#000; }
.playcount {float: right;clear: both;padding-top: 7px;padding-right: 20px;color: white;text-shadow: none;font-size:10px;text-transform:uppercase;}

.left img {max-width:100%;}
.right img {max-width:400px;}
  *:active,*:focus { outline: 0px; }



.asked {margin-top:4px;background-color:{color:Asker Background}; padding:5px;  -moz-border-radius:5px; border-radius:5px;
font-family: {font:Title}; font-size: 16px; line-height: 16px; text-transform: uppercase; letter-spacing:-1px;}
.asked a {font-family: {font:Title}; font-size: 16px; line-height: 16px; text-transform: uppercase; letter-spacing:-1px;}
.asked a:hover {{block:ifLinksBackgroundHoverColor} background-color: {color:Links Background Hover};{/block:ifLinksBackgroundHoverColor}}
.said {font-family: {font:Title}; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing:-1px;margin-top:6px;}
.said a {font-family: {font:Title}; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing:-1px;margin-top:6px;}



#footer input {margin-top: 0px;width:100%;border: 0px solid;font-family:{font:Links};font-size:10px;}
#footer { text-align:;}
#footer input:hover {background-color: {color:Links Background Hover};}


.title1{font:normal 45pt 'Homemade apple'; color:#333333; text-align:center>; letter-spacing:-1px; line-height:100%;}



.sidebartext{clear: both; text-align: justify; background-color: #F6F6F6; opacity: 0.8; filter:alpha (opacity=80); margin: 10px 5px 0px 5px; padding: 5px; -moz-border-radius: 6px; border-radius: 6px }

.sidebartext a{font-size:12px}
.sidebartext a:hover{font-size:12px}

.userpic{float: left; margin: 0px 4px 2px 0; width:48px; height:auto}

.llinks{width: 200px;  margin: 5px auto 5px auto;padding: 0 0 0px 0; font-size: 10px; text-transform: uppercase}

.llinks a{
display: block;
text-decoration: none;
color:#FFFFFF;
background-color:#E6BCBC;
padding: 3px 0px 3px 0px;
margin: 0 0 1px 0
}

.llinks a:hover{
background-color:#857B77;
color:#BAABA6
}

.pages {margin: 5px 0 5px 0; text-align: center; line-height: 20px}
.pages a {text-decoration: none; background-color:#E6BCBC;
padding: 2px 4px 2px 4px; color:{color:text}}

div.permaa{font-size:80%; width:400px; text-align:center; text-transform: uppercase; background:{color:permalink background}; margin-top:8px; margin-bottom:3px; font-family: Iskoola Pota; letter-spacing:1px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}


#left {line-height: 10px;height:auto;padding: 5px; -moz-border-radius: 4px;

  -webkit-border-radius: 4px; background-Color:#E3E3E3;Display:block;}


blockquote {
background-color: {color:box};
padding:0px;
padding-left:5px;
margin:5px;
border-left:1px solid {color:background};
border-bottom:0px solid {color:background};
}
b, strong{color:{color:title};}
i, em {color:{color:link};}
p{margin-top:3px; margin-bottom:3px;}
blockquote img{ display:block; width:100%;}
blockquote p {padding:0px; margin:0px;}
blockquote blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
a img{border:none;display: block;}
.user_1 .label, .user_4 .label, .user_7 .label {color:{color:title};}
.user_2 .label, .user_5 .label, .user_8 .label {color:{color:link};}
.user_3 .label, .user_6 .label, .user_9 .label {color:{color:text}; opacity:.75;}
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
.notes img{width:10px; position:relative; top:1px;}
ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
        </style>
    <style type="text/css">    
    #sidebar {
float:right;
width:250px;
height:100%;
}
</head>
<body>



</div>{CustomCSS}</style>




<center><span class="title1">{Title}</span></center>
<div id="main">

<div class="left">




{block:If100pxPortraitImage} <img class="roundedtop portrait" src="{image:100pxPortrait}" /> {/block:If100pxPortraitImage}

<div class="sidebartext">{Description}

</div>

<div class="llinks">
<center><a href="/">MY BIG FAT STORY</a>
<a href="/ask">OWLERY</a>
<a href="/submit">ACCIO WORKS</a>
<a href="/archive">PENSIEVE</a>


</div>

<div class="pages">  {block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">FUTURE</a>{/block:PreviousPage}
{block:JumpPagination length="10"}{block:CurrentPage}
<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">PAST</a>{/block:NextPage}{/block:Pagination}
</div>  

</div>






{block:Posts}
<div class="right">
{block:Text}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}{Body}{/block:Text}
{block:Photo}
{block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}  
{/block:Photo}
{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Quote}<div class="title"><a href="{Permalink}">{Quote}</a></div> {block:Source}— {Source}{/block:Source}<BR>{/block:Quote}
{block:Link}<div class="title"><a href="{URL}"> {Target}{Name} ←</a></div> {block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
{block:Audio}<div class="playcount">{PlayCount} plays</div><div class="audioplayer">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
{block:Video}{Video-400}{block:Caption}<a href="{Permalink}">{Caption}</a>{/block:Caption}{/block:Video}
{block:Answer} <div class="asked"> {Asker} said: {Question}</div>
<i>{Answer}</i>{/block:Answer}


{block:ExternalAudio}  <a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}
<div class="linkbox">

<div class="permaa"><a href="{Permalink}"> <center> posted on {Month} {Dayofmonth},{Year}  </div>

{block:PermalinkPage}<BR> {block:HasTags}{block:Tags}  <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} {/block:PermalinkPage}
</div>
</div>

{block:PostNotes}
<div class="right">
<div class="title">{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} </div>
{PostNotes}
</div>
{/block:PostNotes}
{/block:Posts}






</div>
</div>

</div>

<script type="text/javascript">

.onunload = unloadPage;

function unloadPage()

{

alert("Thanks for visiting my blog! :) Lots of Love, Nina xx");

}

</script>



</body>

<div id="sidebar">


    
</div>
</html>

</div>

<div class="pages">  {block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">FUTURE</a>{/block:PreviousPage}
{block:JumpPagination length="10"}{block:CurrentPage}
<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">PAST</a>{/block:NextPage}{/block:Pagination}
</div>  



Thanks a lot! xx]]> Sat, 12 May 2012 00:29:40 -0400 16303 <![CDATA[I don't know what's up with this....]]> http://forums.htmlhelp.com/index.php?showtopic=16302
A local university program hired me to fix their website as their former webmaster was gone (Not too much information about why)
I received the log-in details for the website, but this is the first time I edit a website using My Network Places. (I had to create a network place with their login information to access the files) However, the problem is that when I go on their index page (http://www.cimal.hei.ulaval.ca/dav/) instead of the design, only the HTML code is shown.

The software I use is Dreamweaver CS5 and when I open the index.html page to edit the page, everything seems fine at first, even when I click on Design (Dreamweaver tab) to preview the layout, it's all good. The problem is when I upload the index.html page on their network place, the design won't show up. Only the code is shown. It pisses me off because I haven't edited a website in a long time (more of a web designer) and I can't seem to find what the problem is.

If you go on the site (link posted above) you will see the code. I just don't get it. And my files won't show up on Dreamweaver even when I attribute the SRC link correctly.

Sorry if you have trouble understanding my problem.

This is the code that shows up even though I fully edited the index.html page. After I upload it, this code shows up

''<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="fr-ca" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Bienvenue au site web de CIMAL Laval, la délégation officielle de l'Université Laval à la Simulation de la Ligue des États arabes (Cairo International Model of Arab League CIMAL)" />
<meta name="keywords" content="CIMAL, Univerisité Laval, CIMAL Laval, Bashar Daher, Bachar Daher, Simulation de la ligue des États arabes, Cairon International Model of Arab League, Arab League, Ligue Arabe" />
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/easySlider1.5.js"></script>
<script type="text/javascript"> '']]> Fri, 11 May 2012 17:57:24 -0400 16302 design style missing from page http://forums.htmlhelp.com/index.php?showtopic=16300
I tried to update my website with a new email address. When I saved the changes my design has gone from my contact us page

www.dunlaoghairedentalcare.ie

Also my dark blue design has moved around.

Any help?

Thanks
Ruairi]]> Fri, 11 May 2012 12:03:57 -0400 16300 Tumblr theme? http://forums.htmlhelp.com/index.php?showtopic=16298 Thanks for any help! biggrin.gif
Heres my code


CODE

<html>
    <head class="no-js">
        <title>{block:SearchPage}Search results for "{SearchQuery}" | {/block:SearchPage}{block:TagPage}{Tag} | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
        <meta charset="utf-8">
        
    
    <meta name="author" content="JoachimT - http://vividtheme.tumblr.com | @joeandturtle">
    <meta name="copyright" content=" - Copyright Joachim Thorkildsen 2012. All Rights Reserved." />
    
        <!--
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Vivid Theme - 1.0.1 - http://vividtheme.tumblr.com
        Theme by: JoachimT - http://joachimt.tumblr.com                                                                      
                                                                      
                                                                      
                                                      `.`            
                                                    `yMMN-            
         sdh        :mM+                           .NM+sMs            
         MMM.      /MMN. .//`            .//`      mMy yM/            
         NMM-     +MMM: -MMMd           -MMMd     +MM:`Nm`            
         dMM:    +MMM/    +               +`     mMM yM:            
         yMM/   oMMM/   odd  hmh  :mN:  odd    -oyMMm/Mo              
         oMM+  oMMN:   -MMs .MMd -NMd` -MMs  .dMd/NMNMs              
         /MMo sMMM+    dMN` `MMy`mMM.  dMN` .NMh  mMMh                
         -MMyyMMyMd/..+MMs  `MMsdMMMo/sMMs  hMM` `mMM/  -+            
         `MMMMMy /dNMNmMMy+hNNMNMs-hNNNMMy+hMMMsomNNMmhNMh            
          omNd/       .yhho:`:dh:     .yhho:`+hhs/`.shy+.            
                                                                      
                           `                                          
        `-:/+++oo+++//:-/dNMm`                                        
      omMMNmhhMMhhddmNNMMm.mM.                                        
     oMMM:   +Mm      /MN.:Mh                                        
     `/+-   .NM+      dM+`Nm`                                        
            dMN`     .MM.dN-`::     .`    .`  ``   .     `.`          
           oMM+      +MdhN:sNMN  `yNNNm: +Mm oMM.:NM+  -hMNMd-        
          -MMm       sMNMyNmMM: `mMo +Ms mMyhMMmoMMM: -NM/ yM/        
          dMM/       hMMMh:MM/  sMM+hNo :MMNNsMNMoMM  hMmodm/  .      
         /MMd        hMMo sMM:/hMMMh:.:smMMN.hMMy-MM-/NMMy-./sNN-    
         dMM-        yM+  .mMMms-omMMMNhyMN- hMd `NMMd+sNMMMmy/      
         :+-          `     ``     ```   `    `    `     ``          
                                                                      
                                                                        
                                                            
        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        -->
        
        
       <link rel="shortcut icon" href="{Favicon}">
       <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
    <meta name="viewport" content="width=500;">
    <meta property="og:site_name" content="{Title}"/>
    {block:PermalinkPage}
    <meta property="og:url" content="{Permalink}"/>
    <meta property="og:type" content="article"/>
    {block:Posts}
    {block:Text}
        {block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}
        <meta property="og:description" content="{PlaintextBody}"/>
    {/block:Text}
    {block:Photo}
        <meta property="og:image" content="{PhotoURL-500}"/>
        {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
    {/block:Photo}
    {block:Photoset}
        {block:Photos}
        <meta property="og:image" content="{PhotoURL-500}"/>
        {/block:Photos}
        {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
    {/block:Photoset}
    {block:Quote}
        <meta property="og:title" content="{PlaintextQuote}"/>
        <meta property="og:description" content="{PlaintextSource}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Quote}
    {block:Link}
        <meta property="og:title" content="{PlaintextName}"/>
        <meta property="og:description" content="{PlaintextDescription}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Link}
    {block:Chat}
        <meta property="og:title" content="{PlaintextTitle}"/>
        <meta property="og:description" content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} • {/block:Lines}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Chat}
    {block:Audio}
        <meta property="og:title" content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/>
        <meta property="og:description" content="{PlaintextCaption}"/>
        {block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}
    {/block:Audio}
    {block:Video}
        {block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}
    {/block:Video}
    {block:Answer}
        <meta property="og:title" content="{PlaintextQuestion}"/>
        <meta property="og:description" content="{PlaintextAnswer}"/>
        <meta property="og:image" content="{PortraitURL-96}"/>
    {/block:Answer}
    {/block:Posts}
    {/block:PermalinkPage}
    {block:IndexPage}
    <meta property="og:title" content="{Title}"/>
    <meta property="og:description" content="{MetaDescription}"/>
    {/block:IndexPage}
    {block:HasTags} <meta name="keywords" content="{block:Tags} {/block:Tags}" /> {/block:HasTags}
    
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
        
        <meta name="color:Background" content="#ffffff"/>
        <meta name="image:Background" content=""/>
        <meta name="image:Header" content=""/>
        
        <meta name="color:Text" content="#000000"/>
        <meta name="color:Text Hover" content="#ffffff"/>
        <meta name="color:Accent" content="#00e0d5"/>
        <meta name="color:Selection Color" content="#d8d9d9">
        
        <meta name="if:Hide Caption" content="1">
        <meta name="if:Hide Scroll To Top" content="0">
        <meta name="if:Hide HighRes Button" content="0">
        <meta name="if:Infinite Scroll" content="1">
        <meta name="if:Fade Images On Hover" content="1">
        <meta name="if:Light Icons" content="0">
        <meta name="if:Show Share Buttons" content="1">
        <meta name="if:Show Archive Link" content="1">
        <meta name="if:Show RSS Link" content="1">
        <meta name="if:Time Posted" content="1">
        <meta name="if:Show Post Author" content="0">
        <meta name="if:Twitter Feed" content="0"/>
        <meta name="if:Block Pintrest" content="0"/>
        
        <meta name="font:Body Font" content="Courier New, Courier, monospace"/>
        
        <meta name="text:Top Spacing" content="5px"/>  
        <meta name="text:Disqus ID" content=""/>  
        <meta name="text:Google Analytics ID" content=""/>
        <meta name="text:Facebook URL" content=""/>
        <meta name="text:Twitter URL" content=""/>
        <meta name="text:Flickr URL" content=""/>
        <meta name="text:Google Plus URL" content=""/>
        <meta name="text:YouTube URL" content=""/>
        <meta name="text:Vimeo URL" content=""/>
        <meta name="text:Etsy URL" content=""/>
        <meta name="text:Behance URL" content=""/>
        <meta name="text:Pintrest URL" content=""/>
        <meta name="text:Digg URL" content=""/>
        <meta name="text:Dribbble URL" content=""/>
        <meta name="text:StumbleUpon URL" content=""/>
        <meta name="text:FormSpring URL" content=""/>
        <meta name="text:SoundCloud URL" content=""/>
        <meta name="text:Spotify URL" content=""/>
        <meta name="text:MySpace URL" content=""/>
        <meta name="text:Website URL" content=""/>
        <meta name="text:Email Adress" content=""/>
        
        {Block:IfBlockPintrest}
        <meta name="pintrest" content="nopin" />
        {/Block:IfBlockPintrest}
        
        <link rel="stylesheet" href="http://static.tumblr.com/exbflx8/Izcm1v5a7/bebas.css" type="text/css" charset="utf-8">
      
      <script src="http://static.tumblr.com/exbflx8/N3Gm20yy7/modernizr.custom.51965.js"></script>
         <script src="http://static.tumblr.com/exbflx8/sx8m20zl5/jquery.min.js"></script>

      {block:Twitter}
      {block:IfNotLightIcons}
      <script type="text/javascript" src="http://static.tumblr.com/exbflx8/mrzm1ta68/jquery.tweetable.js">{/block:IfNotLightIcons}
      {block:IfLightIcons}<script type="text/javascript" src="http://static.tumblr.com/exbflx8/xCGm1uu5j/jquery.tweetable.js">{/block:IfLightIcons}
      </script>
      <script type="text/javascript">
        $(function(){
            $('#tweets').tweetable({username: '{TwitterUsername}', time: false, limit: 1, replies: true, position: 'append'});
        });
    </script>
    {/block:Twitter}
      
      {Block:IfInfiniteScroll}
      <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/lPHlj76n8/infinitescrollingbycodysherman.js"></script>
      {/Block:IfInfiniteScroll}

{Block:IfNotHideScrollToTop}
<script>
$(document).ready(function(){
    $("#back-top").hide();
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#back-top').fadeIn();
            } else {
                $('#back-top').fadeOut();
            }
        });
        $('#back-top a').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
});
</script>
{/Block:IfNotHideScrollToTop}


<style type="text/css" media="screen">  
body    {
background: url('{image:Background}') fixed center;
background-color: {color:Background};
font-family: {font:Body Font}; margin-bottom:2px;}
.header h1 {
font-family: 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
letter-spacing: -1;
text-transform:uppercase;height: 40px;
font-size: 60px;
font-weight: normal;}
.post h1 {
font-family: 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
letter-spacing: -1;
color: {color:Text};
text-transform:uppercase;height: 40px;
font-size: 37px;
font-weight: normal;}
.post h2{
font-family: 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
letter-spacing: -1;
color: {color:Text};
text-transform:uppercase;height: 40px;
font-size: 37px;
font-weight: normal;}
h2 { font: 28px 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;color: {color:Text};margin-bottom:2px;}  
h3 { font: 24px 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif; margin-bottom:3px; color: {color:Text};}  
h4  {
font: 16px 'BebasNeueRegular', Impact, Helvetica, Arial, sans-serif;
margin-bottom:3px; letter-spacing: 1.3px;
font-weight:normal;color: {color:Text};}  
p   { font: 14px {font:Body Font}; color: {color:Text};}    
ul { font: 14px {font:Body Font}; color: {color:Text};}
li { font: 14px {font:Body Font}; color: {color:Text};}
blockquote {font: 14px {font:Body Font};  color: {color:Text};}
blockquote { margin: 1em 0 1em 20px; padding: 0 0 0 20px; border-left: 3px solid #CACACA;}
h1 a, h2 a, h3 a, h4 a{ color: {color:Accent}; text-decoration: none;  -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited{ color: {color:Accent}; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{ color: {color:Text}; background: none; }
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus{ outline: thin dotted; }
h1 a:active, h2 a:active, h3 a:active, h4 a:active{ outline: 0; }
p a, ul a , li a{ color: {color:Accent}; text-decoration: none;  -moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; }
p a:visited, ul a:visited, li a:visited { color: {color:Accent}; }
p a:hover, ul a:hover, li a:hover { color: {color:Text Hover}; background: {color:Accent}; }
p a:focus, ul a:focus, li a:focus{ outline: thin dotted; }
p a:active, ul a:active, li a:active{ outline: 0; }
.source {color: {color:Text};}
#nav{
text-transform: none;}
#description {
font-size: 14px;
width:500px;
padding-bottom:2%;}
#posts {
width: 500px;
text-align:left;}
.chat ul {
font: 14px {font:Body Font};
color: {color:Text};
list-style-type: none;
padding: 0px;
margin: 0px;}
.chat .label {
font: 14px {font:Body Font};
color: {color:Text};
font-weight: bold;
line-height:25px;}
.notes2 p {
font-size:12px;
color: {color:Links};
margin-top:10px;
padding-bottom:20px;}
.notes3 p {
font-size:12px;
color: {color:Links};
margin-top:-15px;
padding-bottom:20px;}

.notes4 p {
font-size:12px;
color: {color:Links};
margin-top:-25px;
padding-bottom:20px;}
nav { width:85%;}
nav#util ul {
margin-left: -40px;
margin-top:0px;}
nav#util ul li {
color: {color:Text};
display: block;
text-align: center;
display: inline;
list-style: none;}
nav#util ul li a {
color: {color:Text};
text-decoration:none;
display: inline-block;
font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1.2px;
font-size: 14px;
color: {color:Text};
padding: 2px 10px;
border-right: 1px solid #f0f0f0; }
nav#util ul li a:hover { color: {color:Text Hover}; background: {color:Accent};}
nav#util ul li:last-child a { border-right: none;
}
nav#util ul li a:hover { color: {color:Text Hover} }

#idiotisk img {width:500px;}
.text img {width:100%;}

article.audio .track, article.audio .artist, article.audio .album, article.audio .plays {
color: {color:Text};
font-style: normal;
font-weight: normal;
font-size: 14px; }
article.audio .track strong, article.audio .artist strong, article.audio .album strong, article.audio .plays strong {
width: 230px;
height: 250px;
color: {color:Text};
font-family: 'BebasNeueRegular';
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px; }
.answer {
width: 500px;
padding-right: 40px;
margin: 0 auto;
padding-bottom: 20px;}
.answer-question .body {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: {color:Text};
opacity: 0.9;
color: {color:Text Hover};
font-size: 14px;
padding: 10px 16px;
width: 388px;
float: left;
line-height: 1.2;
margin-bottom: 10px; }
.answer-asker {
float: right;
width: 80px;}
.answer-point {
width: .7em;
float: left;
padding-top: 16px;}
.answer-point-top,
.answer-point-bottom {
width: 0;
height: 0;}
.answer-point-top {
opacity: 0.9;
border-bottom: 8px solid {color:Text};
border-right: 8px solid rgba(0,0,0,0); }
.answer-point-bottom {
opacity: 0.9;
border-left: 8px solid {color:Text};
border-bottom: 8px solid rgba(0,0,0,0); }
.answer-asker .answer-asker-avatar {
float: right;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
width: 64px;
height: 64px;
display: block;
text-indent: 9000px;
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 100%;}
.answer-asker .answer-asker-avatar a {
display: block;
text-indent: -9000px;
width: 64px;
height: 64px; }
.answer-answer {
margin-top: 22px;
width: 388px;}
      
.answer-answer .body {  
padding-top: 22px;
margin-left: 10px;}

.conversation tr:first-child td, .conversation tr:first-child th {border-top: 0;}

.conversation table {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: {color:Text};
opacity: .98;
width: 500px;
margin: 0 auto;}
.conversation th {
padding: 9px 0 9px 11px;
border-top: 1px solid #696969;
text-align: right;
text-transform: Capitalized;
color: {color:text hover};
font-size: 13px;
font-weight: bold;
line-height: 1; }
.conversation td {
padding: 9px;
border-top: 1px solid #696969;
font-size: 13px;
color: {color:text hover};
line-height: 1;}
.post ol.notes li.note {
border-bottom: solid 1px #f0f0f0;
padding: 6px 0;
margin: 0 !important;
    
font: 12px {font:Body Font}; color: {color:Text};}
.post ol.notes li.note blockquote {
border-color: #f0f0f0;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
font: 12px {font:Body Font}; color: {color:Text};}

a.highres { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; font-size:14px;}
a.highres:hover { background-color: {color:Accent}; padding-right: 18px;    padding-left: 18px;}
    
a.postauthor, a.reblog { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px;text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out;font-size:14px;}
a.postauthor:hover, a.reblog:hover { background-color: {color:Accent}; padding-right: 18px;
    padding-left: 18px;}
        
a.highnote { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out;font-size:14px;}
a.highnote:hover { background-color: {color:Accent}; padding-right: 18px;
padding-left: 18px;}
    
a.postauthor { float: right; margin-top:-5px; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out;font-size:14px;}
a.postauthor:hover { background-color: {color:Accent}; padding-right: 18px;
padding-left: 18px;}
article.audio .caption {clear: left;}
.short {border: solid 0px;-webkit-border-radius: 2px;-moz-border-radius: 2px;float: left;width: 500px;background: none;position: relative;}
{block:IfFadeImagesOnHover}
.logo {
    -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out;}
.logo:hover { opacity: 0.7;}
{/block:IfFadeImagesOnHover}
#footer {text-align:center; width:500px;}
#tweets {width:500px;text-align:center;margin-top:0px;}
#tweets ul {list-style: none; list-style-image: none; margin: 0; padding: 0;  margin-left: -25px;width:500px;}
#tweets li {text-indent:22px;list-style-type:none;color:{color:Text};width:540px;}
#tweets .hash { color:{color:Accent};}
#tweets .reply { color:{color:Accent}; }
.audio .short{float: left;height: 270px;}
.audioplayercircle {position: absolute;z-index: 3;background: black;-webkit-border-radius: 50px;-moz-border-radius: 50px;top: 103px;left: 106px;opacity: .8;} .audioplayer {width: 20px;height: 30px;overflow: hidden;margin: 17px 24px 13px 16px;}
.audio .floaters {position: absolute; width: 275px;}
.audiodata{top: 0px;right: 0px;width: 235px;height: 250px;position: absolute;z-index: 5;}
.post ol.notes {padding: 0;list-style-type: none;}
.post ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px; width: 16px;height: 16px;}
.post ol.notes li.note .answer_content {font-weight: normal;}
.post ol.notes li.note blockquote a {text-decoration: none;}
{Block:IfNotHideScrollToTop}
#back-top {
position: fixed;
bottom: 8px;
right: 20px; }
#back-top a {
width: 49px;
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
#back-top a:hover {
opacity: 0.5;
background: none;}
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
#back-top a:hover span {
opacity: 0.5;
background: none;}
{block:IfNotLightIcons}
#back-top span {
width: 49px;
height: 49px;
display: block;
margin-bottom: 7px;
background:  url(http://static.tumblr.com/exbflx8/UPYm1z4kn/black_arrow.png) no-repeat center center;
opacity: 0.8; }
{/block:IfNotLightIcons}
{block:IfLightIcons}
#back-top span {
width: 49px;
height: 49px;
display: block;
margin-bottom: 7px;
background:  url(http://static.tumblr.com/exbflx8/yKPm1z4kw/white_arrow.png) no-repeat center center;
opacity: 0.8; }
{/block:IfLightIcons}
{/Block:IfNotHideScrollToTop}
{block:IfFadeImagesOnHover}
.photo img {
opacity:1;
filter:alpha(opacity=100);
-webkit-transition: opacity 0.8s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.photo img:hover {
opacity:0.8;
filter:alpha(opacity=80);
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
{/block:IfFadeImagesOnHover}

.disqus h3 { font-size: 20px;}
.disqus a { color: {color:Accent}; text-decoration:none;}
.disqus a:hover { color: {color:Text}; text-decoration:none;}

#dsq-footer a { color: {color:Accent}; text-decoration:none; font-size: 13px;}
#dsq-footer a:hover { color: {color:Text}; text-decoration:none; background: none;}

.dsq-comment-footer { color: {color:Text};text-decoration:none; font-size: 13px;}
.dsq-comment-footer:hover { color: {color:Text};text-decoration:none; ackground: none;}

.dsq-trackback-url {color: {color:Text};}

.readmore a { float: left; background-color: {color:Text}; color: {color:Text Hover};  display: inline;  list-style: none; padding: 1px 11px; font-family: 'BebasNeueRegular', "Arial Narrow", Arial, sans-serif;  font-weight: normal; text-transform: uppercase;letter-spacing: 1px; margin-right:2px; font-weight: normal; text-decoration: none;-moz-transition: .1s ease-in-out; -o-transition: .1s ease-in-out; -webkit-transition: .1s ease-in-out; font-size:14px;} .readmore a:hover { background-color: {color:Accent}; padding-right: 18px; padding-left: 18px;}


::selection { background: {color:Selection Color}; }
::-moz-selection { background: {color:Selection Color};}

{CustomCSS}

#tema {width: 96px; height:20px; position: absolute; top:28px; right:3px; background: url(http://static.tumblr.com/exbflx8/KIxm2w8qd/temaknapp.png) no-repeat}

</style>

    </head>
    
    <body><center>
    <div class="header">
    {block:IfHeaderImage}<a href="http://{name}.tumblr.com/"><img class="logo" src="{image:Header}" border="0px"/></a>{/block:IfHeaderImage}
        {block:IfNotHeaderImage}<h1><a href="http://{name}.tumblr.com/">{Title}</a></h1>{/block:IfNotHeaderImage}
    </div>
<a href="http://joachimt.tumblr.com/themes"><div id="tema"></div></a>
<nav id="util"><ul>{block:IfFacebookURL}<li class="listitem"><a href="{text:Facebook URL}">Facebook</a></a>{/block:IfFacebookURL}{block:IfTwitterURL}<li class="listitem"><a href="{text:Twitter URL}">Twitter</a></li>{/block:IfTwitterURL}{block:IfFlickrURL}<li class="listitem"><a href="{text:Flickr URL}">Flickr</a></li>{/block:IfFlickrURL}{block:IfGooglePlusURL}<li class="listitem"><a href="{text:Google Plus URL}">Google +</a></li>{/block:IfGooglePlusURL}{block:IfYouTubeURL}<li class="listitem"><a href="{text:YouTube URL}">YouTube</a></li>{/block:IfYouTubeURL}{block:IfVimeoURL}<li class="listitem"><a href="{text:Vimeo URL}">Vimeo</a></li>{/block:IfVimeoURL}{block:IfEtsyURL}<li class="listitem"><a href="{text:Etsy URL}">Etsy</a></li>{/block:IfEtsyURL}{block:IfBehanceURL}<li class="listitem"><a href="{text:Behance URL}">Behance</a></li>{/block:IfBehanceURL}{block:IfPintrestURL}<li class="listitem"><a href="{text:Pintrest URL}">Pintrest</a></li>{/block:IfPintrestURL}{block:IfDiggURL}<li class="listitem"><a href="{text:Digg URL}">Digg</a></li>{/block:IfDiggURL}{block:IfDribbbleURL}<li class="listitem"><a href="{text:Dribbble URL}">Dribbble</a></li>{/block:IfDribbbleURL}{block:IfStumbleUponURL}<li class="listitem"><a href="{text:StumbleUpon URL}">StumbleUpon</a></li>{/block:IfStumbleUponURL}{block:IfFormSpringURL}<li class="listitem"><a href="{text:FormSpring URL}">FormSpring</a></li>{/block:IfFormSpringURL}{block:IfSoundCloudURL}<li class="listitem"><a href="{text:SoundCloud URL}">SoundCloud</a></li>{/block:IfSoundCloudURL}{block:IfSpotifyURL}<li class="listitem"><a href="{text:Spotify URL}">Spotify</a></li>{/block:IfSpotifyURL}{block:IfMySpaceURL}<li class="listitem"><a href="{text:MySpace URL}">MySpace</a></li>{/block:IfMySpaceURL}{block:IfWebsiteURL}<li class="listitem"><a href="{text:Website URL}">Website</a></li>{/block:IfWebsiteURL}{block:IfEmailAdress}<li class="listitem"><a href="mailto:{text:Email Address}">Email</a></li>{/block:IfEmailAdress}{block:Likes}<li class="listitem"><a href="http://www.tumblr.com/liked/by/{name}/">Likes</a></li>{/block:Likes}{block:AskEnabled}<li class=""><a href="http://{name}.tumblr.com/ask">{AskLabel}</a></li>{/block:AskEnabled}{block:SubmissionsEnabled}<li class="listitem"><a href="http://{name}.tumblr.com/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<li class="listitem"><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}{Block:IfShowArchiveLink}<li class="listitem"><a href="/archive">Archive</a></li>{/block:IfShowArchiveLink}{Block:IfShowRSSLink}<li class=""><a href="{RSS}">RSS</a></li>{/Block:IfShowRSSLink}</ul></nav>

<div>{Block:IfTwitterFeed}{block:Twitter}
<div id="tweets"></div>{/block:Twitter}{/Block:IfTwitterFeed}
        {block:Description}
            <p id="description">{Description}</p>
        {/block:Description}
        
</div>
{block:IfTopSpacing}<div style="padding-bottom: {text:Top Spacing};"></div>{/block:IfTopSpacing}
        <div id="posts">
        <div class = "autopagerize_page_element" >
            {block:Posts}
                {block:Text}
                    <div class="post text">
                        {block:Title}
                            <h3 style="margin-bottom:-10px;"><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}
                        
                        {Body}
                            {block:More} <div class="readmore"><a href="{Permalink}"> Read More >></a></div></br>{/block:More}
                            
                          
                     <div class="notes2"><p>{block:IfShowPostAuthor}<a href="{PostAuthorURL}">By: {PostAuthorName}</a>{/block:IfShowPostAuthor}</br>{block:Date}<a href="{Permalink}">Posted: {TimeAgo}{/block:Date}</a></br>{block:IndexPage}{block:IfDisqusID}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusID}{/block:IndexPage}</p></div>
                    
                {/block:Text}
                
                  {block:Photo}
                    <div class="post photo" id="idiotisk">
                            <header><article id="{PostID}">
                        {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}" border="0" /></a>{/block:IndexPage}
                        {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}"{block:HighRes} data-highres="{PhotoURL-HighRes}"{/block:HighRes} alt="{PhotoAlt}" />{/block:PermalinkPage}

<a class="reblog" href="{ReblogURL}" target="blank">Reblog</a>
<a class="highnote" href="{Permalink}#notes">{NoteCountWithLabel}</a>
{block:IfNotHideHighResButton}{block:HighRes}
<a class="highres" href="{PhotoURL-HighRes}" target="blank">{lang:High-res}</a>
{/block:HighRes}{/block:IfNotHideHighResButton}

{block:IfShowPostAuthor}<a class="postauthor" href="{PostAuthorURL}">BY: {PostAuthorName}</a>{/block:IfShowPostAuthor}
                    </article></header>

                    {block:IfNotHideCaption}
                        {block:Caption}
                            <div class="caption" style="margin-top:-6px;">{Caption}</div>
                            {block:More} {/block:More}
                        {/block:Caption}
                        {/block:IfNotHideCaption}
                        
                        {block:IfHideCaption}
                        {block:PermalinkPage}
                        {block:Caption}
                            <div class="caption" style="margin-top:-6px;">{Caption}</div>
                            
                        {/block:Caption}{/block:PermalinkPage}
                        {/block:IfHideCaption}
                        
                    </div>
                    
                    {block:IfTimePosted}<div class="notes2"><p>
                    {block:Date}<a href="{Permalink}">Posted:{TimeAgo}{/block:Date}</a></br>{block:IndexPage}{block:IfDisqusID}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusID}{/block:IndexPage}</p></div>
                   {/block:IfTimePosted}
                   {block:IfNotTimePosted}<div class="notes2"><p> </a></p></div>
                   {/block:IfNotTimePosted}
                  
                   {/block:Photo}
                  
                  
                {block:Photoset}
                    <div class="post photoset">
                        {Photoset-500}
                    </div>
                    {block:PermalinkPage}{block:Caption}
                            <div class="caption">{Caption}</div>
                            {block:More} {/block:More}
                        {/block:Caption}
                        {/block:PermalinkPage}
                        
                        
                   <div class="notes2"><p>{block:IfShowPostAuthor}<a href="{PostAuthorURL}">By: {PostAuthorName}</a>{/block:IfShowPostAuthor}</br>{block:Date}<a href="{Permalink}">Posted: {TimeAgo}{/block:Date}</a></br>{block:IndexPage}{block:IfDisqusID}<a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>{/block:IfDisqusID}{/block:IndexPage}</p></div>
                {/block:Photoset}

                {block:Quote}
                    <div class="post quote">
                        <h3 style="font-family:'BebasNeueRegular', {font:Body Font}; color: {color:Text};">"{Quote}"</h3>

                        {block:Source}
                            <div class="source"> —  {Source}</div>
                        {/block:Source}
                       </div>
      &]]> Fri, 11 May 2012 00:40:34 -0400 16298 Need help... basic html question i think http://forums.htmlhelp.com/index.php?showtopic=16296 http://web.me.com/nckoyasan/nckoyasan/Welcome.html

If you can help me at all please do

thanks]]> Thu, 10 May 2012 23:48:18 -0400 16296 TUMBLR HTML THEME HELP! http://forums.htmlhelp.com/index.php?showtopic=16293
<!--

Capricious v.2 Theme
Created by Modernise (modernise.tumblr.com)
Please leave at least ONE credit link. Do not delete this box.

Theme is best viewed on Google Chrome, with a resolution of 1280x800.

*~*~HOW TO INSTALL~*~*
1) Copy this entire code.
2) Open up the customise.
3) Click on Edit HTML
4) Delete the code already in there.
5) Replace it with this code.
6) Hit Update Preview, and then Save.
7) Refresh the page, and press Save again.
8) If it wont let you paste in the box, or if it still does not work, use classic customize. (http://tumblr.com/customize-classic/)

If you are experiencing any problems with this theme, please refer to the FAQ on modernisethemes. (http://modernisethemes.tumblr.com/faq)
Thank you for choosing Modernise Themes <3!

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="font:Text" content="Georgia"/>
<meta name="text:Font Size" content="9px"/>
<meta name="color:Text" content="#888"/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Post" content="#fff"/>
<meta name="color:Borders" content="#cccccc"/>
<meta name="color:Blockquote" content="#f5f5f5"/>
<meta name="color:Links" content="#2b0057"/>
<meta name="color:Hover" content="#5a12a3"/>
<meta name="color:Permalink" content="#2b0057">
<meta name="color:Permalink Background" content="#ffffff">
<meta name="image:Background" content=""/>
<meta name="image:Header" content=""/>
<meta name="image:Navigation" content=""/>
<meta name="if:Title Font" content="1"/>
<meta name="if:Image Shadow" content="1"/>
<meta name="if:Image Fade" content="1">
<meta name="if:CustomLink1" content="1">
<meta name="if:CustomLink2" content="1">
<meta name="if:CustomLink3" content="1">
<meta name="if:CustomLink4" content="0">
<meta name="if:CustomLink5" content="0">
<meta name="text:Dropdown Title" content="navigate">
<meta name="text:Link 1 Title" content="custom link">
<meta name="text:Link 1" content="http://">
<meta name="text:Link 2 Title" content="custom link">
<meta name="text:Link 2" content="http://">
<meta name="text:Link 3 Title" content="custom link">
<meta name="text:Link 3" content="http://">
<meta name="text:Link 4 Title" content="custom link">
<meta name="text:Link 4" content="http://">
<meta name="text:Link 5 Title" content="custom link">
<meta name="text:Link 5" content="http://">
<meta name="text:Navigation Title" content="click for links">
<meta name="if:Animated Post Load" content="1">
<meta name="if:Cross Cursor" content="1">
<meta name="if:Click Photo To Reblog" content="1">
<meta name="if:Infinite Scroll" content="1">


<link rel="shortcut icon" href="{Favicon}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<title>{Title}</title>

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>

<script type="text/javascript">

$(document).ready(function () {

$('li.drawer div:nth-child(2)').hide();

$('li.drawer h4').click(function () {

if ($(this).hasClass('open')) {

$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}

else {

$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');

$(this).next().slideDown();

$(this).addClass('open');}

});

});

</script>


<style type="text/css">


/* Body Controls */
html {
height:100%;
}


body {
font-family:{font:Text};
font-size:{text:Font Size};
color:{color:Text};
letter-spacing:0px;
background-color:{color:background};
background-image:url('{image:Background}');
background-color:{color:Background};
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
text-align:justify;
line-height:100%;
{block:IfCrossCursor}
cursor: crosshair, auto;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}


@font-face {
font-family:basket;
src: url('http://static.tumblr.com/iddq6cw/GQTm040bn/ultimapdaa-hairline.ttf');
}

a {
color:{color:Links};
text-decoration: none;
-webkit-transition-duration:1s;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

a:hover {
color:{color:Hover};
text-decoration: none;
{block:IfCrossCursor}
cursor: crosshair, auto;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}

}

u {
border-bottom: 1px dashed #888;
}

b, strong{
font-size: 9px;
letter-spacing: 1px;
color: #b1b1b1;
font-family: georgia;
text-transform: none;
text-shadow: 1px 1px 2px #e1dad4;
text-decoration: none;
font-weight: normal;
}

iframe#tumblr_controls {
right:3px !important;
position: fixed !important;
-webkit-transition: opacity 0.7s linear;
opacity: 0.5;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}

iframe#tumblr_controls:hover {
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:Links};
height:auto;
-webkit-border-radius:20px;
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Links};
height:6px !important;
-webkit-border-radius:20px;
}

::-webkit-scrollbar {
height:6px;
width:6px;
background-color:{color:Background};
-webkit-border-radius:20px;
}

#content {
width:100%;
margin-left:auto;
margin-right:auto;
position: relative;
height:100%;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

.karkat {
background-color:{color:Post};
display:block;
{block:IndexPage}width:1050px;{/block:IndexPage}
{block:PermalinkPage}width:755px;{/block:PermalinkPage}
padding-left:0px;
margin-left:50px;
height:100%;
z-index:-1;
margin-top:-10px;
padding-top:25px;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

ul {
margin-left:-25px;
}




/* Header Controls */

.sidebar {
width:200px;
background-color:{color:Post};
z-index:5;
margin-right:auto;
position:fixed;
display:block;
bottom:25px;
text-align:right;
border-right:1px solid {color:Borders};
padding-right:10px;
{block:IfCrossCursor}cursor:crosshair;{/block:IfCrossCursor}
{block:IfNotCrossCursor}cursor:default;{/block:IfNotCrossCursor}
}

.butters a {
font-size:{block:IfTitleFont}37px{/block:IfTitleFont}
{block:IfNotTitleFont}30px{/block:IfNotTitleFont};
color:{color:Links};
letter-spacing:-2px;
-webkit-transition-duration:1.5s;
font-family:{block:IfTitleFont}basket{/block:IfTitleFont}
{block:IfNotTitleFont}{font:text}{/block:IfNotTitleFont};
text-transform:lowercase;
}

.butters a:hover {
color:{color:Link};
}




/* Post Controls */

#content .posts {
{block:IndexPage}
width:850px;
margin-left:230px;
{/block:IndexPage}
{block:PermalinkPage}
width: 525px;
margin-left:220px;
{/block:PermalinkPage};
right:auto;
margin-right:0px;
position:relative;
background-color:{color:Post};
overflow-y: hidden;
}

#content .posts img {
{block:IndexPage}
max-width: 400px;
{/block:IndexPage}
{block:PermalinkPage}
max-width: 500px;
{/block:PermalinkPage}
}


#content .entry {
{block:IndexPage}
width:400px;
float:left;
position: relative;
margin-right:25px;
{block:IfImageShadow}
margin-bottom:15px;
{block:IfImageShadow}
{block:IfNotImageShadow}
margin-bottom:25px;
{/block:IfNotImageShadow}
{/block:IndexPage}
padding:0px;
z-index:1;
{block:PermalinkPage}
width:500px;
margin-left:10px;
{/block:PermalinkPage}
background-color:#ffffff;
{block:IfAnimatedPostLoad}
-webkit-transition-duration:2s;
{/block:IfAnimatedPostLoad}
}

.heading {
font-family:{font:Text};
font-size:15px;
text-decoration: none;
letter-spacing:0px;
font-weight:none;
line-height:100%;
margin-bottom:0px;
text-align:left;
}

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

.chat li {
list-style-type: none;
padding-left:0px;
margin-right:0px;
}

.chat li.odd {
color:{color:Text};
}

.chat li.even {
color: {color:Text};
background-color: {color:Blockquote};
}

.label {
font-size: 9px;
letter-spacing: 1px;
font-family: trebuchet ms;
text-transform: uppercase;
text-shadow: 1px 1px 2px #e1dad4;
text-decoration: none;
font-weight: normal;
color:{color:links}
}

blockquote {
padding-left:5px;
padding-top:3px;
padding-right:5px;
padding-bottom:3px;
margin-left:5px;
margin-right:5px;
border-left: 2px solid {color:Borders};
border-right: 2px solid {color:Borders};
background-color:{color:Blockquote};
}

.stan {
background-color:{color:Blockquote};
}

.kyle {
font-style:italic;
line-height:100%;
margin-bottom:0px;
}

{block:IfImageFade}
.img {
{block:IndexPage}
opacity:0.8;
filter:alpha(opacity=80);
{/block:IndexPage}
-webkit-transition-duration:0.4s;
}

.img:hover {
opacity:1;
filter:alpha(opacity=100);
}
{/block:IfImageFade}


.stoley img {
{block:IndexPage}
max-width:400px;
overflow-y:auto;
{/block:IndexPage}
}

.kenny {
width:500px;
opacity: 1;
margin-top:10px;
margin-bottom:10px;
text-align:center;
font-family:{font:Text};
font-size:8px;
letter-spacing:0px;
text-transform:none;
}

.cartman {
margin-top:0;
margin-left:0px;
margin-right:auto;
margin-bottom:0px;
width:500px;
text-align:left;
background-color:{color:Post};
}

.wendy {
text-align:center;
width:500px;
margin-left:auto;
margin-right:auto;
}

.video embed, .video object, .video iframe {
{block:IndexPage}
width:400px /**/ !important;
{/block:IndexPage}
{block:PermalinkPage}width:500px !important;
{/block:PermalinkPage}
height:auto !important;
}


.album-art {
float: left;
width: 100px;
height: 100px;
overflow: hidden;
}




/* Permalink Controls */

.entry .permalink {
padding-top:0px;
}

.tweek a {
font-size:15px;
line-height:100%;
padding:2px;
color:{color:Hover};
-webkit-transition-duration:1s;
z-index:999999;
}

.tweek a: hover {
color:{color:Link};
}

.craig {
color:{color:Permalink};
font-size:8px;
opacity: 0;
-webkit-transition-duration: 1s;
{block:IfImageShadow}
bottom:15px;
{block:IfImageShadow}
{block:IfNotImageShadow}
bottom:10px;
{/block:IfNotImageShadow}
right:0px;
width:25px;
height:20px;
background-color: {color:Permalink Background};
padding-top:5px;
position: absolute;
margin:5px;
text-align:center;
font-family:trebuchet ms;
letter-spacing:1px;
border-bottom-right-radius:50px;
border-top-right-radius:50px;
border-top-left-radius:50px;
border-bottom-left-radius:50px;
display:block;
}

.entry:hover .craig {
{block:indexpage}opacity:0.85;
{/block:indexpage}z-index:999999;
}

.permalink {
{block:IndexPage}
float:right;
position: absolute;
margin-top:0px;
opacity: 0;
z-index: 1000;
background-color:{color:Permalink Background};
text-align:right;
{/block:IndexPage}
}


ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}

ol.notes li.note {
border-top: solid 1px #ccc;
padding: 6px;
}



ul#drawers {text-align:right;width: 200px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px;}

ul#drawers a {text-align: right;text-decoration: none;}

ul#drawers li h4 {margin: 0; padding: 0px; text-align: right; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; font-weight:normal;

transition: background-color 0.5s ease-out;}

h4.small {text-align: left;display: table-cell; width: 200px; margin: 0px; height: 100%;}

li.drawer h4.open {text-align: right; border-top: 0px;}

li.drawer div {text-align: right;padding: 0px; margin: 0px; line-height: 12px; }

li.drawer div li {text-align: right;list-style-type: disc;}

li.drawer div ul {text-align: right;-webkit-padding-start: 12px;}


{CustomCSS}

</style>


{block:IfInfiniteScroll}
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
{/block:IfInfiniteScroll}

<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>

<script type="text/javascript">
$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 10,
loadingImg : "http://static.tumblr.com/ejm8w78/KZjlxxt0d/ajax-loader.gif",
loadingText : "<em></em>",
},
// call masonry as a callback.
function() { $('.posts').masonry({ appendedContent: $(this) }); }
);
});
</script>



<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('(Source:')");
$("p").remove(":contains('(via ')");
});
</script>

</head>

<body>


<div id="content">
<div class="karkat">
<div class="sidebar">
<div class="butters">
<Br><Br><a href="/">
{block:IfHeaderImage}<img src="{image:Header}" width="200">{/block:IfHeaderImage}{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}
</a></div><Br><Br>
<div style="max-width:500px;margin-left:auto;margin-right:auto;">
{Description}<Br><br>
</div>

<ul id="drawers">

<li class="drawer" id="info">

<h4><div class="navigation">{block:IfNavigationImage}<img src="{image:Navigation}" max-width="200">{/block:IfNavigationImage}{block:IfNotNavigationImage}<i>{text:Navigation Title}</i>{/block:IfNotNavigationImage}</div></h4>

<div align="right">
<a href="/ask">message</a>  
<a href="/archive">history</a>  
{block:SubmitEnabled}
<a href="/submit">submit</a>  ·{/block:SubmitEnabled}
{block:HasPages}
{block:Pages}
<a href="{URL}">{Label}</a>  
{/block:Pages}
{/block:HasPages}
{block:IfCustomLink1}
<a href="{text:Link 1}">{text:Link 1 Title}</a>
{/block:IfCustomLink1}
{block:IfCustomLink2}
<a href="{text:Link 2}">  {text:Link 2 Title}</a>
{/block:IfCustomLink2}
{block:IfCustomLink3}
<a href="{text:Link 3}">  {text:Link 3 Title}</a>
{/block:IfCustomLink3}
{block:IfCustomLink4}
<a href="{text:Link 4}">  {text:Link 4 Title}</a>
{/block:IfCustomLink4}
{block:IfCustomLink5}
<a href="{text:Link 5}">  {text:Link 5 Title}</a>
{/block:IfCustomLink5}
<a href="http://modernise.tumblr.com">  theme</a>
</div>

</li>

</ul>

{block:IndexPage}
<div class="column navigation" id="navigation">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
</div>
{/block:IndexPage}

<br><br>

</div>
<div class="posts">
{block:Posts}
<div class="entry">


{block:Text}
{block:Title} <a href="{permalink}"><div class="heading">{title}</div></a> {/block:Title}
<div class="stoley">{Body}</div>

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Text}

{block:Photo}

<div class="img">
{block:IndexPage}{block:IfClickPhotoToReblog}<a href="{ReblogURL}">{/block:IfClickPhotoToReblog}{block:IfNotClickPhotoToReblog}<a href="{Permalink}">{/block:IfNotClickPhotoToReblog}{/block:IndexPage}
{block:PermalinkPage}<a href="{PhotoURL-HighRes}">{/block:PermalinkPage}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IndexPage}width="400px" {/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>
{block:IfImageShadow}
<img style="width:{block:IndexPage}400{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px;opacity:.7;margin-top:-3px;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"/>{/block:IfImageShadow}
</a>
</div>

{block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}

{block:PermalinkPage}
{block:Caption}{Caption}{/block:Caption}<br>
<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}

{/block:Photo}


{block:Photoset}


{block:IndexPage}<center>{Photoset-400}</center><div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}

{block:PermalinkPage}
{Photoset-500}<br>{block:Caption}{Caption}<br><br>{/block:Caption}
{/block:PermalinkPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}


</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Photoset}


{block:Quote}
<a href="{permalink}"><div class="heading"><i>{Quote}</i></div></a>
{block:Source} <div align="right">― {Source}</div>{/block:Source}

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Quote}


{block:Link}
<div class="heading"><a href="{URL}"{Target}>→ {Name}</a></div>
{block:Description} {Description}{/block:Description}

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Link}

{block:Video}
{block:PermalinkPage}<div class="video">{Video-500}
</div>{/block:PermalinkPage}

{block:IndexPage}<div class="video" width="400">{Video-400}
</div><div style="border-bottom:1px {color:Hover} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Video}


{block:Chat}
{block:Title}
<div class="heading"><a href="{Permalink}">{Title}</a></div>
{/block:Title}
<div class="chat ul">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
{/block:Lines}</div></li>

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Chat}



{block:Audio}{block:PermalinkPage}
{block:AlbumArt}<div class="album-art" style="margin:5px;"><img src="{AlbumArtURL}" height="100px" ></div>{/block:AlbumArt}{/block:PermalinkPage}
<div class="audioplayer">{AudioPlayerWhite}</div>
{block:Caption}{Caption}{/block:Caption}
{block:PermalinkPage}
{block:TrackName}<br><br>
<b>{TrackName}</b>
{/block:TrackName} by {block:Artist}
{Artist}
{/block:Artist}<br>{PlayCountWithLabel}{/block:PermalinkPage}

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Audio}


{block:Answer}
<div style="text-align:left;padding-left:5px;padding-right:5px;border-left: 2px solid {color:Borders};border-right: 2px solid {color:Borders};background-color:{color:blockquote};"><div class="stan">{Asker}: {Question}</div></div><div style="text-align:left;"><div class="kyle">{Answer}</div></div>

{block:IndexPage}<div style="border-bottom:1px {color:Borders} solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
{NoteCountWithLabel}</a></div>
{/block:IndexPage}

{block:PermalinkPage}


<div class="kenny">
{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
{block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
<div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}
{/block:Answer}


</div>

{/block:Posts}
</div>


{block:IfNotInfiniteScroll}
<div style="padding-bottom:10px;">
<Center>
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">-</a>
{/block:PreviousPage}/

{block:JumpPagination length="5"}
{block:CurrentPage}
<span>{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

/{block:NextPage}
<a href="{NextPage}">+</a>
{/block:NextPage}
{/block:Pagination}</center>
</div>
{/block:IfNotInfiniteScroll}

</div>

</div>
</div>



</body>



</html>


i know that deleting the {block:PermalinkPage} and i have, it works and the caption shows up but then i get this weird side to side scrolling and i want to get rid of that but idk how. can someone help?]]> Thu, 10 May 2012 02:10:10 -0400 16293 Tumblr Theme Repeating Background http://forums.htmlhelp.com/index.php?showtopic=16291 I've attached my code so you can help me out with specifics, but what I'm trying to do is replicate every image post as the background of the page behind or beside it.
Something like this, but not quite. He has the posts aligned to the left and the background just does "repeat-x"(which I can't figure out how to do because it's tumblr and I'm completely lost), I want the same but just with my original post centered or if it has to stay aligned left to make it symmetrical I don't care. I'm not sure how to get this to work though, just posting the tumblr code for a text post within the page background content didn't work, and adding repeat-x; to the css under Block:posts didn't work(assuming it could just replicate the post rather than using the image as the background, at first I thought if I somehow did that and added overflow to the css so they wouldn't wrap it might work, but no dice), so I need some help. blush.gif

If you can't tell from that link, it's more than just adding a background, I need the page to read a separate image for every post and repeat it, so every post would have to be like..

{block:xxxx...
<div xxxxx...
<img src="{PhotoURL...
<javascript that somehow fetches the image name...
{/block}


But since the original post and the background shouldn't overlap, I think it's more complicated, idk, if you can figure this out I'd really appreciate it.
]]> Wed, 09 May 2012 20:06:25 -0400 16291 Homepage Format Randomly Changes http://forums.htmlhelp.com/index.php?showtopic=16290
The menu on my homepage sometimes moves down the page, from its set position. This causes the image below it to shift too. Please see the attached screen shots for your reference.

Once I navigate away from the homepage (to another page of the website) and back again, both the menu and image are back in their normal positions and remain there until I leave the website. Sometimes refreshing the page makes them move back too. As I mentioned before, this shift only happens sometimes.

I've viewed the website through several browsers and the same issue keeps coming up.

I've run the HTML and CSS through the WC3 validators and no problems were identified. This is my first website though so I'm sure I've muddled something up.

Does anyone know what could be causing this?

Thank you in advance for your advice.

http://www.zoegraphicdesign.com/
http://forums.htmlhelp.com/index.php?act=Attach&type=post&id=1529 http://forums.htmlhelp.com/index.php?act=Attach&type=post&id=1530]]> Wed, 09 May 2012 17:43:42 -0400 16290 Help with slides/mouseover actions http://forums.htmlhelp.com/index.php?showtopic=16288
I am currently using this css3 site template to create a site for a band :

http://tympanus.net/codrops/2012/03/23/res...ator-with-css3/

However, I am wanting it to have an effect where the slides are greyscale but go to colour on mouseover, like in this tutorial:

http://webdesignerwall.com/tutorials/html5...ale-image-hover


I am a bit confused as to how to go about it, mainly because the images for the slides are determined within the css, whereas the hover effect is created by using jquery within the source code. Is there another way to do this without calling on jquery perhaps?

Any ideas or help would be much appreciated!]]> Wed, 09 May 2012 00:16:15 -0400 16288 <![CDATA[help > code not compatible with older IE]]> http://forums.htmlhelp.com/index.php?showtopic=16286 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">


#rightbox {
clear:both;
text-align: left;
width:803px;
float:right;
overflow:hidden !important;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#rightbox table.featuredtable .featuredcol0 {
border-right:2px dotted #dddddd;
}
#rightbox table.featuredtable .featuredcol0, #rightbox table.featuredtable .featuredcol1{
border-bottom:2px dotted #dddddd;
}

#rightbox table.featuredtable table td {
padding:4px !important;
}

#scCompanyMenu {

margin-top: 5px;
}
#scCompanyMenu > li {
padding: 0 9px;
}
#scCompanyMenu.nav > li {
}
#scCompanyMenu a {
cursor: pointer;
line-height: 16px;
}
#scCompanyMenu a:hover {
text-decoration: none;
}
#scCompanyMenu .scCompanyMenu-standard a {
display: block;
padding: 0 10px 3px 5px;
}
#scCompanyMenu .scCompanyMenu-standard li, #scCompanyMenu .scCompanyMenu-standard a {
color: #0066CC;
text-decoration: none;
}
#scCompanyMenu .scCompanyMenu-standard li.hover a, #scCompanyMenu .scCompanyMenu-standard a:hover {
color: #FFFFFF;
}
#scCompanyMenu .vr {

background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #CCD6D1;
height: 35px;
margin: 0;
padding: 0;
position: relative;
top: -12px;
width: 1px;
}
#scCompanyMenu ul {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #E7EBE9;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-color: -moz-use-text-color #CCD6D1 #CCD6D1;
border-right: 1px solid #CCD6D1;
border-style: none solid solid;
border-width: medium 1px 1px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), -3px -3px 6px rgba(255, 255, 255, 0.6) inset;
font-size: 12px;
left: -2px;
padding: 8px;
position: absolute;
top: 100%;
width: 160px;
z-index: 99999;
}
#scCompanyMenu ul li {
padding: 0;
}
#scCompanyMenu ul.scCompanyMenu-standard a {
padding: 3px 10px 3px 5px;
}
#scCompanyBar #scCompanyMenu, #scCompanyBar #scCompanyMenu ul.scCompanyStandard a {
}
body #scCompanyMenu ul.scCompanyMenu-standard li a, body #scCompanyMenu ul.scCompanyMenu-standard li, body #scCompanyMenu ul.scCompanyMenu-standard a {
}
#scCompanyMenu ul.scCompanyMenu-standard li.hover a, #scCompanyMenu ul.scCompanyMenu-standard a:hover {
}
#scCompanyMenu ul.scCompanyMenu-standard .hr {
background: none repeat scroll 0 0 #CCD6D1;
border-bottom: 1px solid #FFFFFF;
height: 1px;
margin: 4px 1px;
}
#scCompanyMenu li .dir {
padding-right: 10px;
}
#scCompanyMenu li #scCompanyMenu_Cart {
}


.btn, button, input, .label, textarea, .ui-state-default {
font-family: Segoe,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {

}

body {

color: #21262B;
font-size: 12px;
margin: 0pt;
padding: 0pt;
}

p {
word-wrap: break-word;
}

a .txt {
color: #333333;
}

a:hover .txt {
text-decoration: none;
}

ul.clean {
margin: 1em 0pt;
padding: 0pt;
}

ul.clean li {
list-style: none outside none;
}





.grad-silver, #search {
background: -moz-linear-gradient(center top , #FBFFFD 0%, #E5E9E7 100%) repeat scroll 0% 0% transparent;
}

.grad-blue-radial {
background-color: #0073E5;
box-shadow: 0pt -6px 5px -6px rgba(0, 0, 0, 0.6) inset, 0pt 7px 5px -6px rgba(0, 0, 0, 0.5) inset;
color: #FFFFFF;
text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.tags div, .tag {
float: left;
font-size: 14px;
margin: 0pt 5px 5px 0pt;
}

.shoparrow {
background: url("/product-info/images/shopnowarrows.gif") no-repeat scroll right center transparent;
padding-right: 10px;
}



.content {
clear: both;
margin: 0pt auto;
padding: 0pt;
width: 794px;
}

.content > .main, .content > .aside {
display: inline;
float: left;
}

.content > .main {
margin: 0pt auto;
width: 593px;
}

.content > .aside {
border-left: 1px solid #CCCCCC;
margin: 0pt 0pt 0pt 10px;
padding: 0pt 0pt 0pt 10px;
width: 180px;
}



.icon.dir, .icon-right {
padding-left: 0pt;
padding-right: 18px;
}

.icon.arrow {
background: url("/ui/bullet-arrow.png") no-repeat scroll left center transparent;
margin-left: 16px;
padding-left: 8px;
}

.icon.arrow-down.dir {
background: url("/ui/dropdown-arrow.png") no-repeat scroll right center transparent;
}

.icon.cart {
background: url("/icons/shoppingcart-icon-16.png") no-repeat scroll right center transparent;
}

.nav {
list-style: none outside none;
margin: 0pt;
overflow: visible;
padding: 0pt;
}

.nav > li {
display: inline-block;
float: left;
}

.nav > li.last {
float: right;
}

.nav > a {
display: inline-block;
}


#scCompanyBar {
background-image:url("/product-info/images/bluebgmenu.jpg");
border-bottom: 3px solid #CCD6D1;
box-shadow: 0pt 1px 3px 1px rgba(0, 0, 0, 0.2), 0pt -1px 0pt #FFFFFF inset;
height: 32px;
left: 0pt;
line-height: 1;
margin: 0pt;
position: fixed;
right: 0pt;
text-shadow: 1px 1px 0pt #FFFFFF;
top: 0pt;
z-index: 999;
}

#scCompanyBar-content {

margin: 0pt auto;
position: relative;
width: 960px;
}

#scCompanyBar-content > .nav {
position: relative;
top: 4px;
}

#scCompanyBar-content > .nav > li {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0pt;
position: relative;
}

#scCompanyBar-content > .nav > li > a {
height: 34px ! important;
line-height: 1 ! important;
}

#scCompanyBar-content > .nav > li.first {
left: 0pt;
padding-top: 6px;
width: 210px;
}

#scCompanyBar-content > .nav > li.middle {
bottom: -1px;
right: 0pt;
top: -1px;
width: 310px;
}

#scCompanyBar-content > .nav > li.middle a {
background: none repeat scroll 0% 0% #DDEEFF;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25), 0px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px 20px 0px rgba(255, 255, 255, 0.03) inset, 0px -20px 20px rgba(0, 0, 0, 0.075) inset, 0px 20px 20px rgba(255, 255, 255, 0.1) inset;
padding: 10px 9px 6px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}

#scCompanyBar-content > .nav > li.middle a:hover {
background-color: #3399FF;
color: #FFFFFF;
}

#scCompanyBar-content > .nav > li.last {
right: 0pt;
}

#scCompanyBar, #scCompanyBar-content, #scCompanyBar-content > .nav, #scCompanyBar #scCompanyBar-content > .nav > li.last {
overflow: visible ! important;
white-space: nowrap;
}

#scCompanyBar-content a {
text-decoration: none;
}



ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style: none outside none;
margin: 0pt;
padding: 0pt;
}

ul.dropdown {
float: left;
position: relative;
z-index: 597;
}

ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
}

ul.dropdown li.hover, ul.dropdown li:hover {
cursor: default;
position: relative;
z-index: 599;
}

ul.dropdown ul {
left: 0pt;
position: absolute;
top: 100%;
visibility: hidden;
width: 100%;
z-index: 598;
}

ul.dropdown ul li {
float: none;
}

ul.dropdown ul ul {
left: 99%;
top: 1px;
}

ul.dropdown li:hover > ul {
visibility: visible;
}



</style>


<html>




<div id="scCompanyBar" class="grad-silver">
<div id="scCompanyBar-content">

<ul class="nav">

<li class="first left">Hello.<a href="/login.html"> Sign In</a> View in cart for Extra Savings - The more you buy , The more you save <a href="/myaccount.html" style="color:blue">Start here.</a>

</li>



<li class="last align-right">

<ul id="scCompanyMenu" class="align-left nav dropdown dropdown-horizontal">

<li>
<a class="icon arrow-down dir">Customer Service</a>

<ul class="scCompanyMenu-standard">

<li><a href="/contactus.html">Contact Us</a></li>


<li class="hr"></li>


<li><a href="/whybuyfromus.html" rel="nofollow">Why Buy From Us</a></li>

<li><a href="/Customer-Testimonials.html" rel="nofollow">Testimonials</a></li>

<li><a href="/help.html" rel="nofollow">Help Center</a></li>


<li class="hr"></li>

<li><a href="/rebates-center.html" rel="nofollow">Rebate Center</a></li>


<li class="hr"></li>


<li><a href="/price-match-guarantee.html" rel="nofollow">Price Match</a></li>


</ul>

</li>

<li class="vr"></li>

<li>
<a class="icon arrow-down dir">My Account</a>
<ul class="scCompanyMenu-standard">
<li>
<a href="/login.html" rel="nofollow">Create Account</a>
</li>
<li>
<a href="/login.html" rel="nofollow">Log-In</a>
</li>
<li>
<a href="/ac_checkout_lookup.html" rel="nofollow">Order Status</a>
</li>
</ul>
</li>

<li class="vr"></li>

<li>
<a href="/cart.html" id="menu-cart" class="icon icon-right cart">1 items</a></li>
</li>
</ul>


</li>

</ul>
</ul>
</div>
</div>

</html>


]]> Tue, 08 May 2012 17:40:34 -0400 16286