The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Align Center Tumblr Photos
mayrpamintuan
post Aug 24 2012, 09:07 PM
Post #1





Group: Members
Posts: 1
Joined: 24-August 12
Member No.: 17,663
Hi everyone! My problem is very simple, how do I center align my posts? I've been struggling with this the entire week! I have read most of the forum posts here regarding this matter that might help me solve this problem, but they just don't work for my theme! I already emailed the maker of the theme, but I still haven't gotten any reply from them. So, I need your help guys! :(

My website: www.maypamintuan.com

Evertime I post, I use:
QUOTE
<p class="centered"><img align="middle" height="541" src="FILE" width="800" /></p>
with my photos to center them. It works with the other theme that I used.

Custom CSS
QUOTE
p.centredimg {
text-align: center;
}


HTML
QUOTE
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">

<title>{block:SearchPage}Search results for "{SearchQuery}" | {/block:SearchPage}{block:TagPage}{Tag} | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>

<meta name="description" content="{MetaDescription}" />
<meta name="keywords" content="{block:Tags}{Tag}, {/block:Tags}{Title}" />

<meta name="author" content="Style Hatch - http://stylehatch.co | @stylehatch">
<meta name="copyright" content="Swell Theme - Copyright Style Hatch & New Ezra LLC 2012. All Rights Reserved." />

<!--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Venice - 1.1.2
Premium Tumblr Theme
http://venice.stylehatch.co/
Theme by: Style Hatch - http://stylehatch.co
Support: venice@stylehatch.co | @stylehatch | http://www.tumblr.com/theme/33515
_____ __ __ __ __ __ __
/ ___// /___ __/ /__ / / / /___ _/ /______/ /_
\__ \/ __/ / / / / _ \ / /_/ / __ `/ __/ ___/ __ \
___/ / /_/ /_/ / / __/ / __ / /_/ / /_/ /__/ / / /
/____/\__/\__, /_/\___/ /_/ /_/\__,_/\__/\___/_/ /_/
/____/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-->

<meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">

<!-- OpenGraph -->
<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-64}"/>
{/block:Quote}
{block:Link}
<meta property="og:title" content="{PlaintextName}"/>
<meta property="og:description" content="{PlaintextDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/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-64}"/>
{/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-64}"/>
{/block:Answer}
{/block:Posts}
{/block:PermalinkPage}
{block:IndexPage}
<meta property="og:title" content="{Title}"/>
<meta property="og:type" content="blog"/>
<meta property="og:description" content="{MetaDescription}"/>
<meta property="og:image" content="{PortraitURL-64}"/>
{/block:IndexPage}


<!-- Colors -->
<meta name="color:Background" content="#f1f2f2"/>
<meta name="color:Header Background" content="#ffffff"/>
<meta name="color:Photo Post" content="#bdc866"/>
<meta name="color:Media Post" content="#f47a52"/>
<meta name="color:Text Post" content="#66bcc5"/>
<meta name="color:Text" content="#757169"/>
<meta name="color:Text Shadow" content="#ffffff"/>
<meta name="color:Title" content="#757169"/>
<meta name="color:Title Background" content="#66bcc5"/>
<meta name="color:Lines" content="#ffffff"/>
<!-- Images -->
<meta name="image:Logo" content=""/>
<meta name="image:Background" content="http://static.tumblr.com/annx2a5/hCKlxjyj1/main_bg.jpg"/>
<meta name="image:Title Background" content="http://static.tumblr.com/annx2a5/6hilxjz31/dots.png"/>
<!-- Options -->
<meta name="if:Disable text shadows" content="0"/>
<meta name="if:Dark Icons" content="0"/>
<meta name="if:Show portrait in description" content="0"/>
<meta name="if:Repeat background image" content="1"/>
<meta name="if:Fix background image" content="1"/>
<meta name="if:Enable infinite scrolling" content="0"/>
<meta name="if:Uppercase Titles" content="1"/>
<meta name="if:Show group blog details" content="0"/>
<meta name="if:Show share button" content="1"/>
<meta name="if:720px post width" content="0"/>
<!-- Custom Text -->
<meta name="text:Font size" content="100%"/>
<meta name="text:About Link" content="About Me"/>
<meta name="text:Description title" content="About this site"/>
<meta name="text:Social links title" content="Find me on"/>
<meta name="text:Authors title" content="Site authors"/>
<meta name="text:Likes title" content="Posts I like"/>
<meta name="text:Flickr title" content="Flickr Feed"/>
<meta name="text:Twitter title" content="Recent Tweets"/>
<!-- Custom Text - 3rd party -->
<meta name="text:Disqus ID" content=""/>
<meta name="text:Google Analytics ID" content=""/>
<meta name="text:Clicky ID" content=""/>
<meta name="text:Flickr ID" content=""/>
<meta name="text:Typekit ID" content=""/>
<meta name="text:Body font family" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<meta name="text:Title font family" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<meta name="text:UI font family" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
<meta name="text:Tweet count" content="3"/>
<!-- Custom Text / Social links -->
<meta name="text:Behance URL" content=""/>
<meta name="text:Cargo URL" content=""/>
<meta name="text:Delicious URL" content=""/>
<meta name="text:Deviant Art URL" content=""/>
<meta name="text:Digg URL" content=""/>
<meta name="text:Dribbble URL" content=""/>
<meta name="text:Ember URL" content=""/>
<meta name="text:Etsy URL" content=""/>
<meta name="text:Facebook URL" content=""/>
<meta name="text:FFFFound URL" content=""/>
<meta name="text:Flickr URL" content=""/>
<meta name="text:Formspring URL" content=""/>
<meta name="text:Forrst URL" content=""/>
<meta name="text:Foursquare URL" content=""/>
<meta name="text:Gowalla URL" content=""/>
<meta name="text:Google Plus URL" content=""/>
<meta name="text:LastFM URL" content=""/>
<meta name="text:Linkedin URL" content=""/>
<meta name="text:Myspace URL" content=""/>
<meta name="text:Pinterest URL" content=""/>
<meta name="text:Rdio URL" content=""/>
<meta name="text:Skype URL" content=""/>
<meta name="text:Slideshare URL" content=""/>
<meta name="text:Soundcloud URL" content=""/>
<meta name="text:Spotify URL" content=""/>
<meta name="text:Stumbled Upon URL" content=""/>
<meta name="text:Twitter URL" content=""/>
<meta name="text:Vimeo URL" content=""/>
<meta name="text:Website URL" content=""/>
<meta name="text:YouTube URL" content=""/>
<meta name="text:Email Address" content=""/>

<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>

{block:IfTypekitID}
<script type="text/javascript" src="http://use.typekit.com/{text:Typekit ID}.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
{/block:IfTypekitID}

<link rel="stylesheet" href="http://static.tumblr.com/fzgsfsd/POhm6r6bo/style.css">
<link rel="stylesheet" href="http://static.tumblr.com/fftf9xi/YnZm2fiiw/media.css">
<style type="text/css">
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
COLORS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*Body and About bg color*/
body, #header-container, #myUpArrow{
background-color: {color:Background};
}
/*font color*/
body, a, a:hover, a:visited, article footer ul li.label{
color: {color:Text};
}
article section blockquote {
border-color: {color:Text};
}
#site-header {
background-color: {color:Header Background};
}
/*color photos*/
article.photo .post-type, article.photoset .post-type, article.photo .time a:before, article.photo footer ul li.notes:before, article.photo footer ul li.comments:before, article.photoset .time a:before, article.photoset footer ul li.notes:before, article.photoset footer ul li.comments:before, article.photo footer ul li.share:before, article.photoset footer ul li.share:before,article.photo .highres, article.photo footer ul.tags li a, article.photoset footer ul.tags li a, .color-1, .about a:hover.btn, ul.social li a:hover, #pagination a.jump_page, #pagination.infinite a, article.photo .highres {background-color:{color:Photo Post};}
#myUpArrow path{fill: {color:Photo Post} !important;}

/*color media*/
article.video .post-type, article.video .time a:before, article.video footer ul li.notes:before, article.video footer ul li.comments:before, article.video footer ul li.share:before, article.video footer ul.tags li a, .color-3, #pagination a:hover.jump_page, #pagination .current_page, .recent-updates .tweet_wrapper p, article.audio .post-type, article.audio .time a:before, article.audio footer ul li.notes:before, article.audio footer ul li.comments:before, article.audio footer ul li.share:before, article.audio footer ul.tags li a, .color-2, #pagination a.prev, #pagination a.next {background-color: {color:Media Post};}

/*color text*/
article.text .post-type, article.link .post-type, article.chat .post-type, article.text .time a:before, article.text footer ul li.notes:before, article.text footer ul li.comments:before, article.text footer ul li.share:before, article.link .time a:before, article.link footer ul li.notes:before, article.link footer ul li.comments:before, article.chat .time a:before, article.chat footer ul li.notes:before, article.chat footer ul li.comments:before, article.text footer ul.tags li a, article.link footer ul li.share:before, article.chat footer ul li.share:before, article.link footer ul.tags li a, article.chat footer ul.tags li a, article.quote .post-type, article.ask .post-type, article.quote .time a:before, article.quote footer ul li.notes:before, article.quote footer ul li.comments:before, article.ask .time a:before, article.ask footer ul li.notes:before, article.ask footer ul li.comments:before, article.quote footer ul li.share:before, article.ask footer ul li.share:before, article.ask footer ul.tags li a, article.quote footer ul.tags li a, article.text .btn, #pagination a:hover.jump_page, #pagination .current_page, .color-3, .recent-updates .tweet_wrapper p, .about .btn, ul.social li a, article.text .btn{background-color: {color:Text Post};}
article.link header h2{border-bottom: 2px solid {color:Text Post};}
.recent-updates .tweet_wrapper p:after{border-bottom-color:{color:Text Post};}

/*Line Colors*/
article .box-1, .disqus .box-1, .notes .box-1, article .box-2, .disqus .box-2, .notes .box-2, article .box-3, .disqus .box-3, .notes .box-3, article .box-4, .disqus .box-4, .notes .box-4{
border-color:{color:Lines};
}
/*Title Background Color*/
article.quote header p, article.ask header p, article.audio header, .flickr-feed ul.flickrfeed li img, article h2{
{block:IfNotTitleBackgroundImage}background-color: {color:Title Background};{/block:IfNotTitleBackgroundImage}
}
/*Header Color*/
article.quote header p, article.ask header p, article.audio header, .flickr-feed ul.flickrfeed li img, article h2, article.text h2 a{
color: {color:Title};
}
article.chat section span{
background: {color:Title Background};
}
article.chat .odd span:before {
border-bottom-color: {color:Title Background};
}
article.chat .even span:before {
border-bottom-color: {color:Title Background};
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
IMAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{
{block:IfBackgroundImage}background-image: url({image:Background});{/block:IfBackgroundImage}
{block:IfRepeatBackgroundImage}background-repeat: repeat;{/block:IfRepeatBackgroundImage}
{block:IfFixBackgroundImage}background-attachment: fixed;{/block:IfFixBackgroundImage}
}
article.quote header p, article.ask header p, article.audio header, .flickr-feed ul.flickrfeed li img, article h2{
{block:IfTitleBackgroundImage}background-image: url({image:Title Background});{/block:IfTitleBackgroundImage}
background-repeat: repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
OPTIONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
{block:IfDisableTextShadows}
/* text shadows */
body{text-shadow: none !important;}
{/block:IfDisableTextShadows}
{block:IfNotDisableTextShadows}
body{text-shadow: {color:Text Shadow} 1px 1px 1px;}
{/block:IfNotDisableTextShadows}

article {opacity: 0;}

{block:IfDarkIcons}
/* dark ui*/
article .time a:before, article footer ul li.notes:before, article footer ul li.comments:before, article footer ul li.share:before {
background-image: url('http://static.tumblr.com/annx2a5/Jb1lxjyql/sprites_dark.png');
}
article .post-type{
background-image:url('http://static.tumblr.com/annx2a5/rQ7lxjyns/post-type_dark.png');
}
#pagination a.prev, #pagination a.next{
background-image: url('http://static.tumblr.com/annx2a5/yU9lxjyen/arrows_dark.png');
}
article footer ul.tags li a, #pagination .current_page, #pagination .jump_page {
color: #000000;
}
{/block:IfDarkIcons}

{block:IfUppercaseTitles}
h2{
text-transform: uppercase;
}
{/block:IfUppercaseTitles}

{block:IfNotUppercaseTitles}
h2, #site h1{
text-transform: inherit;
}
{/block:IfNotUppercaseTitles}

{block:If720pxPostWidth}
article, div.disqus, div.notes{
width:720px;
}
article footer ul.tags {
width: 60%;
}
{/block:If720pxPostWidth}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* body font */
body, article.chat span, article.ask blockquote, #footer .tumblr .details p { {block:IfBodyFontFamily}font-family: {text:Body font family};{/block:IfBodyFontFamily} }
/* title font */
h1, h2, h3, h4, h5, #site nav ul, article header, article.chat strong, article.audio section ul, article.ask p.asker, .large.button { {block:IfTitleFontFamily}font-family: {text:Title font family};{/block:IfTitleFontFamily} }
/* ui font */
#util, aside, article.results, article footer, article.audio section .plays, #footer, .like_quote, .like_link, .like_title, .button { {block:IfUIFontFamily}font-family: {text:UI font family};{/block:IfUIFontFamily} }
/* font size */
body { {block:IfFontSize}font-size: {text:Font size}; {/block:IfFontSize} }

{CustomCSS}
</style>

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://assets.tumblr.com/javascript/tumblelog.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://static.tumblr.com/fftf9xi/UYwlxly61/jquery-1.6.2.min.js"><\/script>')</script>

<script type="text/javascript">
var Venice = window.Venice || {};
Venice.themeName = "Venice Theme";
Venice.demoSiteURL = "http://venice.stylehatch.co/";
Venice.supportURL = "mailto:venice@stylehatch.co";
Venice.infiniteScroll = {block:IfEnableInfiniteScrolling}true{/block:IfEnableInfiniteScrolling}{block:IfNotEnableInfiniteScrolling}false{/block:IfNotEnableInfiniteScrolling};
{block:Twitter}
Venice.twitterUser = "{TwitterUsername}";
Venice.tweetCount = {block:IfTweetCount}{text:Tweet count}{/block:IfTweetCount}{block:IfNotTweetCount}3{/block:IfNotTweetCount};
{/block:Twitter}
Venice.flickrID = "{text:Flickr ID}";
Venice.clickyID = "{text:Clicky ID}";
Venice.googleID = "{text:Google Analytics ID}";
Venice.disqusID = "{text:Disqus ID}";
Venice.typekitID = "{text:Typekit ID}";
Venice.loadingText = "{lang:Done}";
{block:English}Venice.lang = "en";{/block:English}
{block:German}Venice.lang = "de";{/block:German}
{block:French}Venice.lang = "fr";{/block:French}
{block:Italian}Venice.lang = "it";{/block:Italian}
{block:Japanese}Venice.lang = "jp";{/block:Japanese}
{block:Turkish}Venice.lang = "tr";{/block:Turkish}
{block:Spanish}Venice.lang = "es";{/block:Spanish}
{block:IndexPage}Venice.indexPage = true;{/block:IndexPage}
{block:PermalinkPage}Venice.indexPage = false;{/block:PermalinkPage}
if(top===self) {
Venice.customizeMode=false;
} else if (top.location.hostname.toString()=="www.tumblr.com") {
Venice.customizeMode=true;
} else {
Venice.customizeMode=false;
}
</script>

</head>
<body class="{block:IndexPage}index-page{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage}">

<div id="container">
<div id="header-container" class="clearfix">
<div id="about" class="about clearfix visuallyhidden">
<div class="about-left">
<section class="description">
{block:IfDescriptionTitle}<h4>{text:Description title}</h4>{/block:IfDescriptionTitle}
<p class="clearfix">{block:IfShowPortraitInDescription}<img src="{PortraitURL-30}" height="30" width="30" class="icon" /> {/block:IfShowPortraitInDescription}{Description}</p>
<ul class="util">
<li class="rss"><a href="{RSS}">{lang:RSS}</a></li>
<li class="archive"><a href="/archive">{lang:Archive}</a></li>
<li class="random"><a href="/random">{lang:Random}</a></li>
{block:AskEnabled}<li class="ask"><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li class="submit"><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}

</ul>
</section>

<section class="find-us">
{block:IfSocialLinksTitle}<h4>{text:Social links title}</h4>{/block:IfSocialLinksTitle}
<ul class="social clearfix">
{block:IfBehanceURL}<li class="social_behance"><a href="{text:Behance URL}" class="ir">Behance</a></li>{/block:IfBehanceURL}
{block:IfCargoURL}<li class="social_cargo"><a href="{text:Cargo URL}" class="ir">Cargo</a></li>{/block:IfCargoURL}
{block:IfDeliciousURL}<li class="social_delicious"><a href="{text:Delicious URL}" class="ir">Delicious</a></li>{/block:IfDeliciousURL}
{block:IfDeviantArtURL}<li class="social_deviantart"><a href="{text:Deviant Art URL}" class="ir">Deviant Art</a></li>{/block:IfDeviantArtURL}
{block:IfDiggURL}<li class="social_digg"><a href="{text:Digg URL}" class="ir">Digg</a></li>{/block:IfDiggURL}
{block:IfDribbbleURL}<li class="social_dribbble"><a href="{text:Dribbble URL}" class="ir">Dribbble</a></li>{/block:IfDribbbleURL}
{block:IfEmberURL}<li class="social_ember"><a href="{text:Ember URL}" class="ir">Ember</a></li>{/block:IfEmberURL}
{block:IfEtsyURL}<li class="social_etsy"><a href="{text:Etsy URL}" class="ir">Etsy</a></li>{/block:IfEtsyURL}
{block:IfFacebookURL}<li class="social_facebook"><a href="{text:Facebook URL}" class="ir">Facebook</a></li>{/block:IfFacebookURL}
{block:IfFFFFoundURL}<li class="social_ffffound"><a href="{text:FFFFound URL}" class="ir">FFFFound</a></li>{/block:IfFFFFoundURL}
{block:IfFlickrURL}<li class="social_flickr"><a href="{text:Flickr URL}" class="ir">Flickr</a></li>{/block:IfFlickrURL}
{block:IfFormspringURL}<li class="social_formspring"><a href="{text:Formspring URL}" class="ir">Formspring</a></li>{/block:IfFormspringURL}
{block:IfForrstURL}<li class="social_forrst"><a href="{text:Forrst URL}" class="ir">Forrst</a></li>{/block:IfForrstURL}
{block:IfFoursquareURL}<li class="social_foursquare"><a href="{text:Foursquare URL}" class="ir">Foursquare</a></li>{/block:IfFoursquareURL}
{block:IfGooglePlusURL}<li class="social_google"><a href="{text:Google Plus URL}" class="ir">Google Plus</a></li>{/block:IfGooglePlusURL}
{block:IfGowallaURL}<li class="social_gowalla"><a href="{text:Gowalla URL}" class="ir">Gowalla</a></li>{/block:IfGowallaURL}
{block:IfLastFMURL}<li class="social_lastfm"><a href="{text:LastFM URL}" class="ir">LastFM</a></li>{/block:IfLastFMURL}
{block:IfLinkedinURL}<li class="social_linkedin"><a href="{text:Linkedin URL}" class="ir">Linkedin</a></li>{/block:IfLinkedinURL}
{block:IfMyspaceURL}<li class="social_myspace"><a href="{text:Myspace URL}" class="ir">Myspace</a></li>{/block:IfMyspaceURL}
{block:IfPinterestURL}<li class="social_pinterest"><a href="{text:Pinterest URL}" class="ir">Pinterest</a></li>{/block:IfPinterestURL}
{block:IfRdioURL}<li class="social_rdio"><a href="{text:Rdio URL}" class="ir">Rdio</a></li>{/block:IfRdioURL}
{block:IfSkypeURL}<li class="social_skype"><a href="{text:Skype URL}" class="ir">Skype</a></li>{/block:IfSkypeURL}
{block:IfSlideshareURL}<li class="social_slideshare"><a href="{text:Slideshare URL}" class="ir">Slideshare</a></li>{/block:IfSlideshareURL}
{block:IfSoundcloudURL}<li class="social_soundcloud"><a href="{text:Soundcloud URL}" class="ir">Soundcloud</a></li>{/block:IfSoundcloudURL}
{block:IfSpotifyURL}<li class="social_spotify"><a href="{text:Spotify URL}" class="ir">Spotify</a></li>{/block:IfSpotifyURL}
{block:IfStumbledUponURL}<li class="social_stumbledupon"><a href="{text:Stumbled Upon URL}" class="ir">Stumbled</a></li>{/block:IfStumbledUponURL}
{block:IfTwitterURL}<li class="social_twitter"><a href="{text:Twitter URL}" class="ir">Twitter</a></li>{/block:IfTwitterURL}
{block:IfVimeoURL}<li class="social_vimeo"><a href="{text:Vimeo URL}" class="ir">Vimeo</a></li>{/block:IfVimeoURL}
{block:IfWebsiteURL}<li class="social_website"><a href="{text:Website URL}" class="ir">Website</a></li>{/block:IfWebsiteURL}
{block:IfYouTubeURL}<li class="social_youtube"><a href="{text:YouTube URL}" class="ir">YouTube</a></li>{/block:IfYouTubeURL}
{block:IfEmailAddress}<li class="social_email"><a href="mailto:{text:Email Address}" class="ir">Email Address</a></li>{/block:IfEmailAddress}
</ul>
<section>
{block:GroupMembers}
{block:IfShowGroupBlogDetails}
<section class="authors">
{block:IfAuthorsTitle}<h4>{text:Authors title}</h4>{/block:IfAuthorsTitle}
<ul>
{block:GroupMember}
<li><img src="{GroupMemberPortraitURL-24}" height="24" width="24" class="icon">
<a href="{GroupMemberURL}" title="{GroupMemberName} - {GroupMemberTitle}">{GroupMemberTitle}</a></li>
{/block:GroupMember}
</ul>
</section>
{/block:IfShowGroupBlogDetails}
{/block:GroupMembers}
</section>
{block:IfShowSitesIFollow}
{block:Following}
<section class="follows">
{block:IfFollowingTitle}<h4>{text:Following title}</h4>{/block:IfFollowingTitle}
<ul class="clearfix">
{block:Followed}
<li>
<a href="{FollowedURL}" title="{FollowedTitle}" data-icon="{FollowedPortraitURL-24}"></a>
</li>
{/block:Followed}
</ul>
<p><a href="#" class="small {block:IfLightFooterButtons}white{/block:IfLightFooterButtons}{block:IfNotLightFooterButtons}black{/block:IfNotLightFooterButtons} button radius nice">{lang:See more}</a></p>
</section>
{/block:Following}
{/block:IfShowSitesIFollow}
</div>
<div class="about-right">
{block:IfFlickrID}
<section class="flickr-feed">
{block:IfFlickrTitle}<h4>{text:Flickr title}</h4>{/block:IfFlickrTitle}
<p class="loading"><em>{lang:Loading} Flickr...</em></p>
<ul class="clearfix flickrfeed"></ul>
<p><a href="http://www.flickr.com/photos/{text:Flickr ID}" class="btn">{block:English}Go to Flickr{/block:English}{block:NotEnglish}{lang:More} - Flickr{/block:NotEnglish}</a></p>
</section>
{/block:IfFlickrID}

{block:Likes}
<section class="liked-posts">
{block:IfLikesTitle}<h4>{text:Likes title}</h4>{/block:IfLikesTitle}
{Likes limit="1" summarize="180" width="275"}
<p><a href="http://www.tumblr.com/liked/by/{Name}" class="btn">{lang:More liked posts}</a></p>
</section>
{/block:Likes}

{block:Twitter}
<section class="recent-updates">
{block:IfTwitterTitle}<h4>{text:Twitter title}</h4>{/block:IfTwitterTitle}
<div class="tweet">
<div class="tweet_wrapper">
<p>{lang:Loading} tweets...</p>
</div>
</div>
<a href="http://twitter.com/{TwitterUsername}" class="twitter-follow-button" data-show-count="true" data-width="225px">Follow @{TwitterUsername}</a>
</section>
{/block:Twitter}
</div>
</div>
<header id="site-header">
<div id="site">
{block:IfLogoImage}
<h1 class="logo"><a href="/" title="{Title} - {lang:Home}"><img src="{image:Logo}" alt="{Title}" /></a></h1>
{/block:IfLogoImage}
{block:IfNotLogoImage}
<h1><a href="/" title="{Title} - {lang:Home}">{Title}</a></h1>
{/block:IfNotLogoImage}

<nav>
<ul>
<li><a href="#" class="reveal-about">{text:About Link}</a></li>
{block:HasPages}
{block:Pages}<li><a href="{URL}" title="{Label}">{Label}</a></li>{/block:Pages}
{/block:HasPages}
</ul>
</nav>
<div id="myUpArrow" class="reveal-about" style="cursor:pointer;"></div>
</div>
</header>
<div class="color-1"> </div>
<div class="color-2"> </div>
<div class="color-3"> </div>
</div>

<div id="main" role="main">

{block:Posts}
<article class="{block:Text}text{/block:Text}{block:Photo}photo{/block:Photo}{block:Photoset}photoset{/block:Photoset}{block:Quote}quote{/block:Quote}{block:Link}link{/block:Link}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}ask{/block:Answer} clearfix" id="post_{PostID}" data-postID="{PostID}" data-permalink="{Permalink}" data-date="{Timestamp}">

{block:Text}
<header>
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
</header>
<section>
{Body}
{block:More}<p class="read-more"><a href="{Permalink}" class="btn">{lang:Read more}</a></p>{/block:More}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Text}

{block:Photo}
<header>
{LinkOpenTag}<img src="{PhotoURL-500}"{block:HighRes} data-highres="{PhotoURL-HighRes}"{/block:HighRes} alt="{PhotoAlt}" />{LinkCloseTag}
{block:HighRes}<a href="{PhotoURL-HighRes}" class="highres button">{lang:High-res}</a>{/block:HighRes}
</header>
<section>
{block:Caption}{Caption}{/block:Caption}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Photo}

{block:Photoset}
<header>
<div class="photoset-grid visuallyhidden" data-photoset-layout="{PhotosetLayout}" data-photoset-id="photoset{PostID}">
{block:Photos}
<img src="{PhotoURL-250}" data-500px="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} alt="{Caption}">
{/block:Photos}
</div>
</header>
<section>
{block:Caption}{Caption}{/block:Caption}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Photoset}

{block:Quote}
<header>
<p><span class="quote_start">“</span>{Quote}<span class="quote_end">”</span></p>
</header>
<section>
{block:Source}<p>{Source}</p>{/block:Source}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Quote}

{block:Link}
<header>
<h2><a href="{URL}" {Target}>{Name}</a></h2>
</header>
<section>
{block:Description}{Description}{/block:Description}
</section>
{/block:Link}

{block:Chat}
<header>
{block:Title}<h2>{Title}</h2>{/block:Title}
</header>
<section>
{block:Lines}<p class="{Alt}">{block:Label}<span><strong>{Label}</strong>{/block:Label}{Line}</span></p>{/block:Lines}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Chat}

{block:Audio}
{block:AudioEmbed}
<header class="audio-embed">
{AudioEmbed-250}
</header>
{/block:AudioEmbed}
{block:AudioPlayer}
<header>
{block:AlbumArt}<img src="{AlbumArtURL}" class="album-art" alt="{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} - {Artist}{/block:Artist}" />{/block:AlbumArt}
</header>
{/block:AudioPlayer}
<section>
{block:AudioPlayer}
<div class="player">
{AudioPlayer}
</div>
<div class="js-dump hidden">{JSAudioPlayer}</div>
{/block:AudioPlayer}

{block:TrackName}
<p class="track"><strong>Track:</strong> {TrackName}</p>
{/block:TrackName}
{block:Artist}
<p class="artist"><strong>Artist:</strong> {Artist}</p>
{/block:Artist}
{block:Album}
<p class="album"><strong>Album:</strong> {Album}</strong></p>
{/block:Album}
{block:AudioPlayer}<p class="plays"><strong>Plays:</strong> {PlayCount}</p>{/block:AudioPlayer}


{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Audio}

{block:Video}
<header class="media">
{Video-500}
<div class="js-dump hidden">{JSVideo-500}</div>
</header>
<section>
{block:Caption}{Caption}{/block:Caption}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Video}

{block:Answer}
<header>
<p>{Question}</p>
</header>
<section>
<p class="asker">{block:English}Asked by {Asker}{/block:English}{block:NotEnglish}{lang:Asked by Asker}{/block:NotEnglish}</p>
{Answer}
{block:IfShowGroupBlogDetails}{block:GroupMembers}<p class="author">{lang:Posted by PostAuthorName 2}</p>{/block:GroupMembers}{/block:IfShowGroupBlogDetails}
</section>
{/block:Answer}





<div class="box-1">{block:Date}<span class="time"><a href="{Permalink}">{TimeAgo}</a></span>{/block:Date}</div>
<div class="box-4">
<footer class="clearfix">
{block:PermalinkPage}
{block:Date}<div class="share-buttons visible-bar" data-permalink="{Permalink}"></div>{/block:Date}
{/block:PermalinkPage}

<ul class="meta">
{block:IfShowShareButton}{block:IndexPage}<li class="share"><a href="#">{block:English}Share{/block:English}{block:NotEnglish}{lang:Share this}{/block:NotEnglish}</a>
<div class="share_links_wrapper">
<div class="share_links">
<input type="text" value="{ShortURL}" class="short_url_text" readonly="">
<div class="share-buttons" data-permalink="{Permalink}"></div>
</div>
</div>
</li>{block:IndexPage}{/block:IfShowShareButton}

{block:Date}<li class="notes"><a href="{Permalink}#notes">{NoteCount}</a></li>
{block:IfDisqusID}<li class="comments"><a href="{Permalink}#disqus_thread" class="dsq-comment-count"> </a></li>{/block:IfDisqusID}{/block:Date}
{block:IfShowPermalinkButton}<li class="permalink"><a href="{Permalink}" class="">∞</a>
<div class="permalink_wrapper">
<div class="share_links">
<div><input type="text" value="{ShortURL}" class="short_url_text" readonly=""></div>
</div>
</div>
</li>{/block:IfShowPermalinkButton}
</ul>



{block:HasTags}
<ul class="tags">
<li class="label">{lang:Tags}:</li>
{block:Tags}
<li><a href="{TagURL}">{Tag}</a></li>
{/block:Tags}
</ul>
{/block:HasTags}

</footer>
</div>

</article>
{block:PermalinkPage}

{block:Date}
{block:IfDisqusID}
<div class="disqus">
<a name="disqus_thread"></a>
<h3>{lang:Recent comments}</h3>
<!-- Begin Disqus -->
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_identifier = {PostID};
var disqus_config = function () {
var config = this;
config.callbacks.onReady.push(function () { });
config.callbacks.onNewComment.push(function () { });
};
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus ID}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus ID}">comments powered by Disqus.</a></noscript>
{lang:Blog comments powered by Disqus 2}
<!-- end Disqus -->
<div class='box-1'></div><div class='box-2'></div><div class='box-3'></div><div class='box-4'></div>
</div>
{/block:IfDisqusID}

{block:PostNotes}
<div class="notes">
<a name="notes"></a>
<h3>{lang:Notes}</h3>
{PostNotes}
<div class='box-1'></div><div class='box-2'></div><div class='box-3'></div>
</div>
{/block:PostNotes}

{/block:Date}

{/block:PermalinkPage}

{/block:Posts}

{block:Pagination}
{block:IfEnableInfiniteScrolling}
{block:NextPage}
<nav id="pagination" class="infinite">
<a href="{NextPage}" class="btn">{lang:Load more posts}</a>
</nav>
{/block:NextPage}
{/block:IfEnableInfiniteScrolling}
{block:IfNotEnableInfiniteScrolling}
<nav id="pagination">
{block:PreviousPage}
<a class="prev" href="{PreviousPage}"><</a>
{/block:PreviousPage}

{block:JumpPagination length="5"}
{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 class="next" href="{NextPage}">></a>
{/block:NextPage}
</nav>
{/block:IfNotEnableInfiniteScrolling}
{/block:Pagination}

{block:PermalinkPagination}
<nav id="pagination">
{block:PreviousPost}
<a class="prev" href="{PreviousPost}"><</a>
{/block:PreviousPost}

{block:NextPost}
<a class="next" href="{NextPost}">></a>
{/block:NextPost}
</nav>
{/block:PermalinkPagination}


</div>
<footer>

</footer>
</div> <!--! end of #container -->

<script src="http://static.tumblr.com/fftf9xi/3NRm2fihy/plugins.min.js"></script>
<script src="http://static.tumblr.com/fzgsfsd/39Sm4lfif/script.min.js"></script>



{block:IfDisqusID}
<script type="text/javascript">
if(!Venice.customizeMode){
var disqus_shortname = '{text:Disqus ID}';
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
}
</script>
{/block:IfDisqusID}

{block:IfGoogleAnalyticsID}
<script type="text/javascript">
if(!Venice.customizeMode){
var _gaq = [['_setAccount', '{text:Google Analytics ID}'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.async = true;
g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
})(document, 'script');
}
</script>
{/block:IfGoogleAnalyticsID}

{block:IfClickyID}
<script type="text/javascript">
if(!Venice.customizeMode){
var clicky = { log: function(){ return; }, goal: function(){ return; }};
var clicky_site_id = {text:Clicky ID};
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = ( document.location.protocol == 'https:' ? 'https://static.getclicky.com/js' : 'http://static.getclicky.com/js' );
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
}
</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="http://in.getclicky.com/{text:Clicky ID}ns.gif" /></p></noscript>
{/block:IfClickyID}

<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script>
<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
<![endif]-->

</body>
</html>



That's all! I hope someone can finally help me! Thank you in advance! :P
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 25 2012, 01:16 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Have you tried these resources?
http://www.w3.org/Style/Examples/007/center.html
http://dorward.me.uk/www/centre/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 24th April 2024 - 10:06 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC