The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr: Integrating this darn code
austin_c
post 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}">&ldquo;{Quote}&rdquo;</a></h1>

{block:Source}
<div class="body clearfix">
<p class="source">&mdash; {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}"
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 28th March 2024 - 12:35 PM