Tumblr: Integrating this darn code |
Tumblr: Integrating this darn code |
austin_c |
Mar 16 2012, 05:36 AM
Post
#1
|
Group: Members Posts: 2 Joined: 16-March 12 Member No.: 16,722 |
The code I'm using is below, but I can't seem to find out where to insert:
CODE .entry img { max-width: 500px; width: 500px; } so that my images will be same size. Thanks. [code]<!doctype html> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[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]--> <!-- Consider adding a manifest.appcache: h5bp.com/d/Offline --> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <!-- http://static.tumblr.com/x0ukhl9/Se8lwlis5/styles.css --> <!--#1--><link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/x0ukhl9/vyXm0lsms/styles-lite.css"/><!--!#1--> <!-- css/jquery.fancybox.css --> <link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/x0ukhl9/u2Llwlc1j/jquery.fancybox.css"/> {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description} <!--[if IE]> <style type="text/css"> .clearfix { zoom: 1; } </style> <![endif]--> <!-- js/libs/modernizr.custom.08999.js --> <script src="http://static.tumblr.com/x0ukhl9/fOqlwlc36/modernizr.custom.08999.js"></script> <!-- Boolean --> <meta name="if:Show Background Texture" content="1"/> <meta name="if:Light Colors" content="0"/> <meta name="if:Center Posts" content="0"/> <meta name="if:Center Small Images" content="0"/> <meta name="if:Show Archive Button" content="1"/> <meta name="if:Show RSS Button" content="0"/> <meta name="if:Show Search" content="1"/> <meta name="if:Show About Button" content="1"/> <meta name="if:Show Social Network Icons" content="1"/> <meta name="if:Show Reblogged From" content="0"/> <meta name="if:Show Tags" content="1"/> <meta name="if:Show Disqus Comment Count" content="1"/> <meta name="if:Show Disqus Comments" content="1"/> <meta name="if:Show Note Count" content="1"/> <meta name="if:Show Notes" content="1"/> <!-- Text --> <meta name="text:Title Caption" content=""/> <meta name="text:Search Placeholder" content="Search"/> <meta name="text:Archive Button" content="Archive"/> <meta name="text:RSS Button" content="RSS"/> <!-- Profile Links --> <meta name="text:Disqus Shortname" content=""/> <meta name="text:Dribbble Username" content=""/> <meta name="text:Forrst Username" content=""/> <meta name="text:Twitter Username" content=""/> <meta name="text:Flickr Profile URL" content=""/> <meta name="text:Skype Username" content=""/> <meta name="text:Facebook Profile URL" content=""/> <meta name="text:Google Plus URL" content=""/> <meta name="text:Vimeo Profile URL" content=""/> <meta name="text:Delicious Username" content=""/> <meta name="text:Last fm Username" content=""/> <meta name="text:Youtube Username" content=""/> <meta name="text:Google Analytics ID" content="" /> <meta name="text:Copyright Text" content="" /> <!-- Colors --> <meta name="color:Background Color" content="#202020"/> <meta name="color:Link Color" content="#217ed8"/> <meta name="color:Link Visited Color" content="#BBBBBB"/> <style type="text/css"> body { background-color: {color:Background Color}; } p a, .action a, .light p a, .light .action a { color: {color:Link Color}; } p a:hover, .action a:hover, .light p a:hover, .light .action a:hover { color: {color:Link Color}; } p a:visited, .action a:visited, .light p a:visited, .light .action a:visited { color: {color:Link Visited Color}; } {CustomCSS} </style> </head> <body class="{block:IfShowBackgroundTexture} bg-texture {/block:IfShowBackgroundTexture} {block:IfLightColors} light {/block:IfLightColors} {block:IfCenterPosts} centered {/block:IfCenterPosts} {block:IfCenterSmallImages} centered-small {/block:IfCenterSmallImages}"> <div class="wrapper"> <div id="content" class="clearfix"> <div id="expander" style="display: none;"> <div class="wrap"> <div class="content clearfix"> {block:Description} <p class="description">{Description}</p> {/block:Description} </div> </div> </div> <div id="header"> <div class="content"> <div id="user-info" class="{block:IfTitleCaption}caption{/block:IfTitleCaption}"> <div class="content clearfix"> <a href="/" title="{Title}" class="main"> <img src="{PortraitURL-48}" class="portrait"/> <div class="info"> <h1 class="title">{Title}</h1> {block:IfTitleCaption} <p class="caption">{text:Title Caption}</p> {/block:IfTitleCaption} </div> </a> {block:IfShowSocialNetworkIcons} <ul id="profiles" class="clearfix"> {block:IfDribbbleUsername} <li><a target="_blank" class="dribbble" href="http://dribbble.com/{text:Dribbble Username}"></a></li> {/block:IfDribbbleUsername} {block:IfForrstUsername} <li><a target="_blank" class="forrst" href="http://forrst.com/people/{text:Forrst Username}"></a></li> {/block:IfForrstUsername} {block:IfTwitterUsername} <li><a target="_blank" class="twitter" href="http://twitter.com/{text:Twitter Username}"></a></li> {/block:IfTwitterUsername} {block:IfFlickrProfileURL} <li><a target="_blank" class="flickr" href="{text:Flickr Profile URL}"></a></li> {/block:IfFlickrProfileURL} {block:IfSkypeUsername} <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <li><a class="skype" href="skype:{text:Skype Username}?call"></a></li> {/block:IfSkypeUsername} {block:IfFacebookProfileURL} <li><a target="_blank" class="facebook" href="{text:Facebook Profile URL}"></a></li> {/block:IfFacebookProfileURL} {block:IfGooglePlusURL} <li><a target="_blank" class="google" href="{text:Google Plus URL}"></a></li> {/block:IfGooglePlusURL} {block:IfVimeoProfileURL} <li><a target="_blank" class="vimeo" href="{text:Vimeo Profile URL}"></a></li> {/block:IfVimeoProfileURL} {block:IfDeliciousUsername} <li><a target="_blank" class="delicious" href="http://delicious.com/{text:Delicious Username}"></a></li> {/block:IfDeliciousUsername} {block:IfLastfmUsername} <li><a target="_blank" class="lastfm" href="http://www.last.fm/user/{text:Last fm Username}"></a></li> {/block:IfLastfmUsername} {block:IfYoutubeUsername} <li><a target="_blank" class="youtube" href="http://youtube.com/{text:Youtube Username}"></a></li> {/block:IfYoutubeUsername} </ul> {/block:IfShowSocialNetworkIcons} <ul id="navigation"> {block:Pages} <li><a href="{URL}">{Label}</a></li> {/block:Pages} {block:IfShowRssButton} <li><a href="{RSS}">{text:RSS Button}</a></li> {/block:IfShowRssButton} {block:AskEnabled} <li><a href="/ask">{AskLabel}</a></li> {/block:AskEnabled} {block:IfShowArchiveButton} <li><a href="/archive">{text:Archive Button}</a></li> {/block:IfShowArchiveButton} {block:SubmissionsEnabled} <li><a href="/submit">{SubmitLabel}</a></li> {/block:SubmissionsEnabled} {block:Description} {block:IfShowAboutButton} <li><a id="expand-about" href="#">About</a></li> {/block:IfShowAboutButton} {/block:Description} </ul> {block:IfShowSearch} <form action="/search" method="get" class="search"> <input type="text" name="q" value="{SearchQuery}" placeholder="{text:Search Placeholder}"/><span class="search" onclick="$(this).parent().submit();" autocomplete="off"></span> </form> {/block:IfShowSearch} </div> </div> <div class="divider"></div> </div> </div> <div id="body"> <div class="content {block:Permalink}permalink{/block:Permalink}" id="posts"> {block:Posts} <div class="post clearfix {block:IndexPage}index{/block:IndexPage} {PostType}"> <div class="content"> {block:Text} {block:Title} <h1> <a href="{Permalink}">{Title}</a> </h1> {/block:Title} <div class="body clearfix"> {Body} </div> {/block:Text} {block:Photo} <div class="openLink"> {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {LinkCloseTag} </div> {block:Caption} <div class="body clearfix"> {Caption} </div> {/block:Caption} {/block:Photo} {block:Photoset} {Photoset-500} {block:Caption} <div class="body clearfix"> {Caption} </div> {/block:Caption} {/block:Photoset} {block:Quote} <h1 class="quote {Length}"><a href="{Permalink}">“{Quote}”</a></h1> {block:Source} <div class="body clearfix"> <p class="source">— {Source}</p> </div> {/block:Source} {/block:Quote} {block:Video} <div class="video shadow"> {Video-500} </div> {block:Caption} <div class="body clearfix"> {Caption} </div> {/block:Caption} {/block:Video} {block:Audio} <h1>{block:Artist}{Artist}{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{TrackName}{/block:TrackName}</h1> <div class="audio-player clearfix" rel="{PostID}"> <div class="album-cover"> {block:AlbumArt} <a href="{AlbumArtURL}" class="fancybox" title="{block:Artist}{Artist}{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{TrackName}{/block:TrackName}"><img src="{AlbumArtURL}" class="cover"/></a> {/block:AlbumArt} </div> <div class="track inset"> <div class="flash">{AudioPlayerBlack}</div> <div class="inner"> <div class="loaded"></div> <div class="current"></div> </div> </div> </div> {block:Caption} <div class="body clearfix"> <p class="caption">{Caption}</p> </div> {/block:Caption} {/block:Audio} {block:Chat} {block:Title} <h1> <a href="{Permalink}" |
Darin McGrew |
Mar 18 2012, 12:28 AM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Please see the FAQ entry Where can I learn about CSS?
In particular: http://htmlhelp.com/reference/css/ and specifically: http://htmlhelp.com/reference/css/style-html.html |
Lo-Fi Version | Time is now: 26th April 2024 - 09:00 AM |