6 Replies - 1865 Views - Last Post: 03 March 2014 - 02:24 PM

#1 aliensarecoming   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 03-March 14

please help with my website!

Posted 03 March 2014 - 01:19 PM

Hi,

I would appreciate help with the website I'm currently building at the moment.

I have social media icons on there, which work great. However, they are sticking to the top. I've tried changing various wordings.. but nothing seems to work.

 size:13px;color:rgba({rgbcolor:header text},.8);{Block:ifToggleDescription}display:none{/Block:ifToggleDescription}}a#DC{cursor:pointer}#H #N{margin:2px 0 0 5px}#H #N a{margin-right:10px;font-size:14px;text-transform:uppercase;color:{color:header links}}#H #N a:hover{color:{color:header links hover}}#H #social{font-family:fontello;margin-top:10px;float:bottom}#H #social a{margin:4px;font-size:17px;color:rgba({rgbcolor:header links},.7)}.flickr:hover{color:#fe0084!important}.vimeo:hover{color:#6dceee!important}.twitter:hover{color:#00aced!important}.facebook:hover{color:#3b5999!important}.google:hover{color:#d84937!important}.pinterest:hover{color:#c11a22!important}.dribble:hover{color:#ea4c89!important}.spotify:hover{color:#81b71a!important}.instagram:hover{color:#1c5380!important}.soundcloud:hover{color:#f70!important}.behance:hover{color:#1769ff!important}#Z{padding:30px 10px;opacity:0}.X img{width:100%;display:block}.X blockquote{padding-left:20px;border-left:3px solid rgba({rgbcolor:text},.5)}.X{{block:ifgrid}margin:0 15px 30px 15px;width:330px;{block:ifgrid}{block:ifnotgrid}margin:20px auto 40px auto;width:700px;{/block:ifnotgrid}position:relative}.X .T{padding:{block:ifgrid}12px;{block:ifgrid}{block:ifnotgrid}18px;{/block:ifnotgrid}background:{color:post color}}.X .T h2{font-size:16px;display:inline}.X .T .link span{padding-left:10px}.X:hover .link span{padding-left:20px}.X .T .question{border-bottom:1px dotted rgba({rgbcolor:text},.4)}.X .T .source{text-align:right;padding-top:10px}.X .T .odd,.X .T .even{padding:7px;margin:2px 0;border-radius:3px}.X .T  


There is the bulk of the code for them... any ideas?

Thanks!!

Whoops.. I forgot to mention I would like the icons to appear at the bottom.

Is This A Good Question/Topic? 0
  • +

Replies To: please help with my website!

#2 andrewsw   User is offline

  • palpable absurdity
  • member icon

Reputation: 6905
  • View blog
  • Posts: 28,565
  • Joined: 12-December 12

Re: please help with my website!

Posted 03 March 2014 - 01:32 PM

I'm sure no one is going to attempt to read that minified css :online2long:

You need to post the formatted css, but we will also need some relevant HTML- the css on its own tells us nothing. A link to a live site would be useful and perhaps a screenshot.
Was This Post Helpful? 0
  • +
  • -

#3 aliensarecoming   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 03-March 14

Re: please help with my website!

Posted 03 March 2014 - 01:43 PM

EDIT:

size:13px;color:rgba({rgbcolor:header text},.8);{Block:ifToggleDescription}
display:none{/Block:ifToggleDescription}}a#DC{cursor:pointer}#H #N{margin:2px
 0 0 5px}#H #N a{margin-left:10px;font-size:14px;text-transform:uppercase;
color:{color:header links}}#H #N a:hover{color:{color:header links hover}}#H 
#social{font-family:fontello;margin-bottom:10px;float:top}#H #social
 a{margin:4px;font-size:17px;color:rgba({rgbcolor:header links},.7)}.
flickr:hover{color:#fe0084!important}.vimeo:hover
{color:#6dceee!important}.twitter:hover{color:#00aced!important}.
facebook:hover{color:#3b5999!important}.google:hover
{color:#d84937!important}.pinterest:hover{color:#c11a22!important}.
dribble:hover{color:#ea4c89!important}.spotify:hover{color:#81b71a!important}.
instagram:hover{color:#1c5380!important}.soundcloud:hover{color:#f70!important}.
behance:hover{color:#1769ff!important}#Z{padding:30px 10px;opacity:0}.X
 img{width:100%;display:block}.X blockquote{padding-left:20px;border-left:3px
 solid rgba({rgbcolor:text},.5)}.X{{block:ifgrid}margin:0 15px 30px 15px;width:330px;
{block:ifgrid}{block:ifnotgrid}margin:20px auto 40px auto;width:700px;
{/block:ifnotgrid}position:relative}.X .T{padding:{block:ifgrid}12px;{block:ifgrid}
{block:ifnotgrid}18px;{/block:ifnotgrid}background:{color:post color}}.X .T h2
{font-size:16px;display:inline}.X .T .link span{padding-right:10px}.X:hover 
.link span{padding-right:20px}.X .T .question{border-top:10px dotted rgba
({rgbcolor:text},.4)}.X .T .source{text-align:left;padding-bottom:-10px}
.X .T .odd,.X .T .even{padding:70px;margin:20px 0;border-radius:3px}.X .T 


Here is the site I am referring to.
Was This Post Helpful? 0
  • +
  • -

#4 laytonsdad   User is offline

  • Let it rip!
  • member icon

Reputation: 466
  • View blog
  • Posts: 1,992
  • Joined: 30-April 10

Re: please help with my website!

Posted 03 March 2014 - 01:49 PM

I don't think this is all your css.
Was This Post Helpful? 0
  • +
  • -

#5 aliensarecoming   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 03-March 14

Re: please help with my website!

Posted 03 March 2014 - 01:57 PM

 

<title>{Title}</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}" />

<meta name="color:Blog title" content="#000000"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Links" content="#5C5C5C"/>
<meta name="color:Links Hover" content="#B1B1B1"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Scrollbar" content="#FFFFFF"/>

<meta name="if:One Column" content="0">
<meta name="if:Two Columns" content="0">
<meta name="if:Three Columns" content="1">
<meta name="if:Four Columns" content="1">
<meta name="if:Show Blog Title" content="1"/>
<meta name="if:Show Background Image" content="1">
<meta name="if:Use Banner" content="0">
<meta name="if:Show Work Link" content="1">
<meta name="if:Show Message Link" content="1">
<meta name="if:Show Submit" content="1"/>
<meta name="if:Show Archive Link" content="1">
<meta name="if:Rounded Scrollbar" content="0"/>
<meta name="if:Underline Hover" content="0"/>

<meta name="text:URL Flickr" content=""/>
<meta name="text:URL Vimeo" content=""/>
<meta name="text:URL Twitter" content=""/>
<meta name="text:URL Facebook" content=""/>
<meta name="text:URL Google Plus" content=""/>
<meta name="text:URL Pinterest" content=""/>
<meta name="text:URL Dribble" content=""/>
<meta name="text:URL Spotify" content=""/>
<meta name="text:URL Instagram" content=""/>
<meta name="text:URL Soundcloud" content=""/>
<meta name="text:URL Behance" content=""/>


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

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

<meta name="text:Link One" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link Two" content="http://jonhanlan.tumblr.com" />
<meta name="text:Link Two Title" content="paintings" />
<meta name="text:Link Three" content="http://goldensunshinelove.tumblr.com" />
<meta name="text:Link Three Title" content="blog" />
<meta name="text:Link Four" content="http://www.etsy.com/shop/capricornwalls" />
<meta name="text:link Four Title" content="store" />
<meta name="text:link Five" content="" />
<meta name="text:link Five Title" content="" />
<meta name="text:link Six" content="" />
<meta name="text:link Six Title" content="" />
<meta name="text:link Seven" content="" />
<meta name="text:link Seven Title" content="" />
<meta name="text:link Eight" content="" />
<meta name="text:link Eight Title" content="" />

<meta name="text:Title font size" content="22"/>
<meta name="text:Post title font size" content="18"/>
<meta name="text:Body font size" content="11"/> 



{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}

<script type="text/javascript" src="http://static.tumblr.com/is5f0mm/B45lrpvaa/one.txt"></script>
<script type="text/javascript" src="http://static.tumblr.com/misqj4e/k3Om6u289/adam.js"></script> 

<style type="text/css">

#bottomDiv { position: absolute; bottom: 0; left: 60;}

img {
-webkit-filter: opacity(50%);
z-index: -9999999999999999999999999px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}

img:hover {
-webkit-filter: opacity(100%);
z-index: -9999999999999999999999999px;
-webkit-transition: all 0.9s ease-in-out;
-moz-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
-ms-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
iframe#tumblr_controls {
    top: 0% !important;
    right:0% !important; 
    position: absolute !important;
    }

h1 { 
color:{color:Blog title}; 
padding-bottom:30px; 
font-weight: normal; 
font-size:{text:title font size}px; 
text-transform: uppercase; 
font-family:{font:Title}; 
line-height: -4px;
{block:ifusebanner}display:none;{/block:ifusebanner}
}

h1 a {
color:{color:Blog title};
}


body {
height: 100%; 
background-color:{color:Background}; 
color: {color:Text};
font-size: {text:Body font size}px;
font-family:{font:Body}; 
line-height: 14px; 
padding: 30px 0 200px 0; 
{block:ifShowbackgroundImage}background-attachment: fixed; 
background-image:url('{image:Background}');
{/block:ifshowbackgroundimage}
}

a {
color: {color:Links}; 
text-decoration:none;
}

a:hover { 
color: {color:Links Hover}; 
{block:IfUnderlineHover}text-decoration: underline;{/block:IfUnderlineHover}
-webkit-transition-duration: 0.5s; 
}

a.title {
color: {color:Links}; 
text-decoration:none;
}

::-webkit-scrollbar-thumb:vertical { 
background-color:{color:Scrollbar};
height:100px;
{block:IfRoundedScrollbar}
-moz-border-radius:20px;
-webkit-border-radius:20px;
{/block:IfRoundedScrollbar}
}

::-webkit-scrollbar-thumb:horizontal { 
background-color:{color:Scrollbar};
height:10px;
{block:IfRoundedScrollbar}
-moz-border-radius:20px;
-webkit-border-radius:20px;
{/block:IfRoundedScrollbar}
}

::-webkit-scrollbar { 
height:10px;
width:8px; 
background-color:{color:background};
{block:IfRoundedScrollbar}
-moz-border-radius:20px;
-webkit-border-radius:20px;
{/block:IfRoundedScrollbar}
}

#container { 
width: 1050px;
margin: auto auto auto auto; 
position: relative;
}

#container .header {
width: 1050px;
margin: auto auto; 
}

#container .description {
padding: 5px 0px 5px; 
clear: both; 
position: relative; 
text-align:center; 
width:100px;
margin-left: auto; 
margin-right: auto;
}

#container .posts { 
width: 1050px; 
clear: both; 
position: relative; 
margin-left: auto; 
margin-right: auto; 
padding-top:10px; 
}

#container .box {
width: 1050px;
height:100%;
{block:ifonecolumn}width: 600px; ;padding-left:21%;{/block:ifonecolumn}
{block:iftwocolumns}width: 300px; {/block:iftwocolumns}
{block:iffourcolumns}width: 250px; margin-bottom:20px;{/block:iffourcolumns}
margin-left: 5px; 
margin-left: 5px; 
float: left; 
margin-bottom: 30px; 
margin-bottom: 30px;
position: relative; 
}

#container .box a{
-webkit-transition-duration: 0.5s; 
}

#container .box img {
max-width: 100%; 
border:0px; 
-webkit-transition-duration: 0.5s; 

opacity:0.8;
}

#container .title { 
font-size:{text:Post title font size}px;
line-height: 18px; 
text-decoration: none; 
display: block; 
color:{color:Title}; 
padding: 8px;
}

#container .ask { 
font-size:{text:Post title font size}px;
line-height: 18px; 
text-decoration: none; 
display: block; 
color:{color:Title}; 
padding: 8px;
}

#container .audio {
width: 207px;
}

#container .columnHolder {
width: 800px; 
margin: 5px 0 0 5px; 
overflow: hidden;
}

#container .columnHolder .column { 
width: 225px; 
min-height: 1px; 
float: left;
}

#container .columnHolder .column.middle { 
margin: 0 0px; 
}

#arrow {
font-size:15px; 
padding-left:20px; 
color:{color:background}; 
margin-top:-5px; 
padding-bottom:5px;
}

{block:PermalinkPage}

.box { 
width: 1000px !important; 
padding-left: 21%;
}

p.answer_form_container { 
width: 580px; 
}

ol.notes { 
width: 600px; 
position:relative; 
padding-left:21%; 
list-style-type: none; 
margin: 0px 0 10px 0; 
padding: -10px -90px; 
}

ol.notes li.note { 
margin: 0px 0 2px 0; 
padding: 0;
}

ol.notes a {color:Links}

ol.notes img.avatar { 
display: true; 
padding:2px 0 0 2px; 
border:0px;
}

ol.notes blockquote { 
margin: 0; 
}

ol.notes blockquote a { 
text-decoration: none; 
}

{/block:PermalinkPage}

.video{
text-align: center; 
background-color:black;
}

#top-link { 
position:fixed; 
right:5px; 
bottom:5px; 
color:white; 
font-weight:bold; 
text-decoration:none; 
padding:10px; 
border:0px; 
}

#audiotest {
background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');
margin-top: -27px;
display:block;
height:27px;
z-index:-1000;
width:250px;
}

#adam {
    position:absolute;
    top:26px;
    right:3px;}

.box:hover .back {
{block:indexpage}{/block:indexpage}z-index:1000;
}

.back { 
margin-top: -25px; 
width:100%; 
opacity: 0;
z-index: 1000;
}

{block:PermalinkPage}

.back img{
width:500px; 
height:20px;
}

{/block:PermalinkPage}

{block:ifonecolumn}
.back img{width:600px; height:20px;}
{/block:ifonecolumn}

{block:iftwocolumns}
.back img{width:500px; height:20px;}
{/block:iftwocolumns}

{block:iffourcolumns}
.back img{width:100%; height:20px;}
{/block:iffourcolumns}

size:13px;color:rgba({rgbcolor:header text},.8);{Block:ifToggleDescription}display:none{/Block:ifToggleDescription}}a#DC{cursor:pointer}#H #N{margin:2px 0 0 5px}#H #N a{margin-left:10px;font-size:14px;text-transform:uppercase;color:{color:header links}}#H #N a:hover{color:{color:header links hover}}#H #social{font-family:fontello;margin-bottom:10px;float:top}#H #social a{margin:4px;font-size:17px;color:rgba({rgbcolor:header links},.7)}.flickr:hover{color:#fe0084!important}.vimeo:hover{color:#6dceee!important}.twitter:hover{color:#00aced!important}.facebook:hover{color:#3b5999!important}.google:hover{color:#d84937!important}.pinterest:hover{color:#c11a22!important}.dribble:hover{color:#ea4c89!important}.spotify:hover{color:#81b71a!important}.instagram:hover{color:#1c5380!important}.soundcloud:hover{color:#f70!important}.behance:hover{color:#1769ff!important}#Z{padding:30px 10px;opacity:0}.X img{width:100%;display:block}.X blockquote{padding-left:20px;border-left:3px solid rgba({rgbcolor:text},.5)}.X{{block:ifgrid}margin:0 15px 30px 15px;width:330px;{block:ifgrid}{block:ifnotgrid}margin:20px auto 40px auto;width:700px;{/block:ifnotgrid}position:relative}.X .T{padding:{block:ifgrid}12px;{block:ifgrid}{block:ifnotgrid}18px;{/block:ifnotgrid}background:{color:post color}}.X .T h2{font-size:16px;display:inline}.X .T .link span{padding-right:10px}.X:hover .link span{padding-right:20px}.X .T .question{border-top:10px dotted rgba({rgbcolor:text},.4)}.X .T .source{text-align:left;padding-bottom:-10px}.X .T .odd,.X .T .even{padding:70px;margin:20px 0;border-radius:3px}.X .T 

</style>

<style type="text/css">{CustomCSS}</style>

<div id="bottomDiv"><img></img></div>

<div id="social">{Block:ifURLFlickr}<a href="{text:URL Flickr}" class="flickr">1</a>{Block:ifURLFlickr}{Block:ifURLVimeo}<a href="{text:URL Vimeo}" class="vimeo">2</a>{Block:ifURLVimeo}{Block:ifURLTwitter}<a href="{text:URL Twitter}" class="twitter"><img src="http://www.smokeandmirrorslondon.com/twitter-512.jpg" alt="Smiley face" height="42" width="42">  </a>{Block:ifURLTwitter}{Block:ifURLFacebook}<a href="{text:URL Facebook}" class="facebook">4</a>{Block:ifURLFacebook}{Block:ifURLGooglePlus}<a href="{text:URL Google Plus}" class="google">5</a>{Block:ifURLGooglePlus}{Block:ifURLPinterest}<a href="{text:URL Pinterest}" class="pinterest">6</a>{Block:ifURLPinterest}{Block:ifURLSpotify}<a href="{text:URL Spotify}" class="spotify">8</a>{Block:ifURLSpotify}{Block:ifURLInstagram}<a href="{text:URL Instagram}" class="instagram"><img src="http://maybeyoushouldsleep.com/wp-content/uploads/2013/06/295441-instagram-logo.jpg" alt="Smiley face" height="42" width="42"></a>{Block:ifURLInstagram}{Block:ifURLSoundcloud}<a href="{text:URL Soundcloud}" class="soundcloud">0</a>{Block:ifURLSoundcloud}{Block:ifURLBehance}<a href="{text:URL Behance}" class="behance"><img src="http://www.homeandstyle.com.sg/image/data/behance.jpg" alt="Smiley face" height="45" width="45"></a>{Block:ifURLBehance}{Block:ifURLDribble}<a href="{text:URL Dribble}" class="dribble"><img src="http://www.dcudesign.com/images/social/email.png" alt="Smiley face" height="47" width="47"> </a>{Block:ifURLDribble}</div>

<script src="http://static.tumblr.com/ubmlcww/CVqlrvww0/two.txt"></script>
<script src="http://static.tumblr.com/is5f0mm/oBolrpvgf/infinite_scroll.txt"></script>
<script src="http://static.tumblr.com/ubmlcww/Bhflrvwwe/three.txt" type="text/javascript"></script>
<script src="http://static.tumblr.com/is5f0mm/JOdlrpvsh/four.txt" type="text/javascript"></script>
<script src="http://static.tumblr.com/is5f0mm/cuOlrpvzp/five.txt" type="text/javascript"></script>


</head>

{block:indexpage}
<script src="http://static.tumblr.com/is5f0mm/PT0lrpwjq/six.txt" type="text/javascript"></script>

{/block:indexpage}
<br>



<div id="container">
<div class="header">

<div style="text-align: center;">{block:ifusebanner}<img style="max-width:1500px; max-height:300px" src="{image:banner}"/>{/block:ifusebanner}<h1 class="bebas"><a href="/">{block:ifshowblogtitle}{Title}{/block:ifshowblogtitle}</a></h1></div>

<div style="text-align: center; font-size:12px; margin-top:-37px; {block:ifusebanner}margin-top:10px; {/block:ifusebanner}text-transform: lowercase;">

{block:ifshowworklink}<a href="/">work</a>&nbsp;&nbsp;&nbsp;{/block:ifshowworklink}


{block:ifshowmessagelink}<a href="/ask">message</a>&nbsp;&nbsp;&nbsp;{/block:ifshowmessagelink}

{block:ifLinkOneTitle}
<a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;&nbsp;
{/block:ifLinkOneTitle}

{block:ifLinkTwoTitle}
<a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;&nbsp;&nbsp;
{/block:ifLinkTwoTitle}

{block:ifLinkThreeTitle}
<a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;&nbsp;&nbsp;
{/block:ifLinkThreeTitle}

{block:ifLinkFourTitle}
<a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;&nbsp;&nbsp;
{/block:ifLinkFourTitle}

{block:ifLinkFiveTitle}
<a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;&nbsp;</a>
{/block:ifLinkFiveTitle}

{block:ifLinkSixTitle}
<a href="{text:Link Six}" class="link">{text:Link Six Title}&nbsp;&nbsp;&nbsp;</a>
{/block:ifLinkSixTitle}

{block:ifLinkSevenTitle}
<a href="{text:Link Seven}" class="link">{text:Link Seven Title}&nbsp;&nbsp;&nbsp;</a>
{/block:ifLinkSevenTitle}

{block:ifLinkEightTitle}
<a href="{text:Link Eight}" class="link">{text:Link Eight Title}&nbsp;&nbsp;&nbsp;</a>
{/block:ifLinkEightTitle}

{block:Pages}
<a href="{URL}" title="{Label}">{Label}</a>&nbsp;&nbsp;&nbsp;
{/block:Pages}

{block:IfShowSubmit}<a href="/submit">submit</a>&nbsp;&nbsp;&nbsp;{/block:IfShowSubmit}

{block:ifshowarchivelink}<a href="/archive">archive</a>&nbsp;&nbsp;&nbsp;{/block:ifshowarchivelink}

</div>


<div class="description">{description}<br style="clear:both"></div></div>

<div class="posts" id="allposts">
{block:Posts}
<div class="box">


{block:IndexPage}
<a href="{Permalink}" target="_blank">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img style="min-width:100%;" class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">


<div class="back"></div>
<div class="perma">
<a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
{/block:Photo}

{block:Audio}
<div class="curve">
<div style=" width:100%; height:27px; font-size:1px; color:black; background-color:black;">
{AudioPlayerBlack}
</div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="arrow" style="color:black;">▼</div>


{block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}

{block:indexpage}<div style="{block:AlbumArt}min-height:40px; padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}

{block:IndexPage}
<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a>{block:ExternalAudio}<a href="{ExternalAudioURL}"></a>{/block:ExternalAudio}</div>{/block:IndexPage}

{/block:Audio}

{block:Video}
<div class="video">
{block:iffourcolumns}{Video-250}{/block:iffourcolumns}
{block:ifthreecolumns}{Video-250}{/block:ifthreecolumns}
{block:iftwocolumns}{Video-500}{/block:iftwocolumns}
{block:ifonecolumn}{Video-500}{/block:ifonecolumn}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>

<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
{/block:Video}

{block:Text}
<div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}

<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>
<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>

{block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block:More}
{/block:Text}

{block:Answer}

<div class="curve"><a href="{Permalink}" class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">▼</div>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;" src="{AskerPortraitURL-16}"/><span style="vertical-align: 25%;">&nbsp;&nbsp;{Asker}</span>
<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Answer}</div>

<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a></div>
{/block:Answer}

{block:Link}
<div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>
</div><div id="arrow">▼</div>
{block:Description}<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Description}</div>{/block:Description}

<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
{/block:Link}

{block:Quote}<div class="curve"><a href="{Permalink}" class="title">"{Quote}"</a></div><div id="arrow">▼</div>{block:Source}&nbsp;&nbsp;{Source}<br>{/block:Source}
<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>{/block:Quote}

{block:Chat}
<div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}

<table class="chat" style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table>

<div class="back"></div>
<div class="perma"><a href="{Permalink}" target="_blank"></a>
{block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
{/block:Chat}

{block:PermalinkPage}<block:Caption>
<BR>{Caption}</block:Caption><BR><BR>
{block:NoteCount}{notecountwithlabel}{/block:NoteCount}{/block:PermalinkPage}

{block:PermalinkPage}</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}

</div>{/block:Posts}



{block:IndexPage}
<div class="columnHolder footer"><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}

{block:PermalinkPagination}
{block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}
{block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>
{/block:IndexPage}</div>

<script type="text/javascript" src="http://static.tumblr.com/is5f0mm/T5klrpwms/autoscale.txt"></script>



</body>
</html>



Was This Post Helpful? 0
  • +
  • -

#6 andrewsw   User is offline

  • palpable absurdity
  • member icon

Reputation: 6905
  • View blog
  • Posts: 28,565
  • Joined: 12-December 12

Re: please help with my website!

Posted 03 March 2014 - 02:00 PM

The social icons appear where they have been placed in the document order. Perhaps you intended to put them within the div with id "bottomDiv" which is fixed to appear at the bottom of the viewport.
Was This Post Helpful? 2
  • +
  • -

#7 aliensarecoming   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 4
  • Joined: 03-March 14

Re: please help with my website!

Posted 03 March 2014 - 02:24 PM

View Postandrewsw, on 03 March 2014 - 02:00 PM, said:

The social icons appear where they have been placed in the document order. Perhaps you intended to put them within the div with id "bottomDiv" which is fixed to appear at the bottom of the viewport.



Well, that solved it.

Thanks so much!
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1