New Posts  All Forums:Forum Nav:

Tumblr pages?

post #1 of 2
Thread Starter 
I'm trying to create my portfolio on tumblr before I actually start paying for server space and just messing around right now. For some reason, if I add html to my photography page, it also applies itself to my home page. And if I apply code to my home page, it adds it to my photography page... Look, both my photography and main page look the same...

http://danismatt.tumblr.com/

Anyone know how I can add different html to different pages?

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

<head>

<title>Matt Danis</title>

<base href="http://danismatt.tumblr.com/" />
<link rel="shortcut icon" href="public/favicon.ico" />
<link href="http://static.tumblr.com/ptmtxua/8Trmoewm0/styles.css" rel="stylesheet" type="text/css" media="screen" />

<!--[if lte IE 6]>
<link href="public/script/allie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!--[if lte IE 7]>
<link href="public/script/allie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
</head>

<body>
<div id="top">
  <div id="logo"><a href="http://danismatt.tumblr.com/"><img src="http://farm4.staticflickr.com/3764/9045137654_5a7d9e1f82_o.jpg" alt="" width="110" height="86" border="0" /></a></div>
  
  <div id="menu">
    <ul>
        <li>3D Art</li><li><a href="http://danismatt.tumblr.com/photography">Photography</a></li><li><a href="http://danismatt.tumblr.com/b&w">B&amp;W</a></li><li><a href="http://danismatt.tumblr.com/about">About</a>
  </div>
  
    </div>

<div id="footer">



&copy;2013 <a href="https://www.facebook.com/Outofstepwiththeworld" title="Facebook" target="_blank">facebook</a> | <a href="http://www.flickr.com/photos/mattdanis/" title="flickr" target="_blank">flickr</a> | <a href="http://danismatt.tumblr.com/" title="mdp" target="_blank">portfolio main</a> | <a href="http://linkedin.com" title="linkedIn" target="_blank">linked in</a>




</div>
<div id="container" style="width:6780px;">
    <ul>
        <li><img src="http://farm8.staticflickr.com/7308/9051348560_371460b914_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm3.staticflickr.com/2849/9049119849_c9956e4307_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm8.staticflickr.com/7304/9049120045_a6a0562f81_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm6.staticflickr.com/5488/9044658781_a3f9740845_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm8.staticflickr.com/7319/9046884086_e3ccd8235f_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm6.staticflickr.com/5350/9046884426_6f877786ac_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm6.staticflickr.com/5465/9044658431_32f30a2689_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm8.staticflickr.com/7323/9044676865_9a39dbc0a9_o.png" alt="" border="0" /></a></li>
      <li id="back00"><a href="http://album.alexflueras.ro/#container" id="back">&nbsp;</a></li>
  </ul>
</div>



</body>
</html>

Code for photography page:
Code:
<link href="http://static.tumblr.com/ptmtxua/8Trmoewm0/styles.css" rel="stylesheet" type="text/css" media="screen" />

<!--[if lte IE 6]>
<link href="public/script/allie6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!--[if lte IE 7]>
<link href="public/script/allie7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
</head>

<body>
<div id="top">
  <div id="logo"><a href="http://danismatt.tumblr.com/"><img src="http://farm4.staticflickr.com/3764/9045137654_5a7d9e1f82_o.jpg" alt="" width="110" height="86" border="0" /></a></div>
  
  <div id="menu">
    <ul>
        <li><a href="http://danismatt.tumblr.com">3D Art</a></li><li>Photography</a></li><li><a href="http://danismatt.tumblr.com/b&w">B&amp;W</a></li><li><a href="http://danismatt.tumblr.com/about">About</a>
  </div>
  
    </div>

<div id="footer">



&copy;2013 <a href="https://www.facebook.com/Outofstepwiththeworld" title="Facebook" target="_blank">facebook</a> | <a href="http://www.flickr.com/photos/mattdanis/" title="flickr" target="_blank">flickr</a> | <a href="http://danismatt.tumblr.com/" title="mdp" target="_blank">portfolio main</a> | <a href="http://linkedin.com" title="linkedIn" target="_blank">linked in</a>




</div>
<div id="container" style="width:7653px;">
    <ul>
        <li><img src="http://farm8.staticflickr.com/7435/9049119239_4c16cdb081_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm3.staticflickr.com/2822/9049119015_24e31ddfc1_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm6.staticflickr.com/5537/9051349456_0bcd18a4f2_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm8.staticflickr.com/7365/9051350672_733b4da24d_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm8.staticflickr.com/7402/9051350686_9e18d677f8_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm4.staticflickr.com/3669/9049119601_cdfc91f6db_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm8.staticflickr.com/7317/9049118739_cd33f57606_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm3.staticflickr.com/2833/9051349108_baa46caf35_o.jpg" alt="" border="0" /></a></li>
        <li><img src="http://farm6.staticflickr.com/5349/9051348936_13b9f4a3ca_o.jpg" alt="" border="0" /></a></li>
      <li id="back00"><a href="http://album.alexflueras.ro/#container" id="back">&nbsp;</a></li>
  </ul>
</div>



</body>
</html>

CSS:
Code:
@charset "utf-8";

body,td,th { font-family: "Trebuchet MS"; font-size: 15px; color: #464646; }
body { background-color: #121212; margin: 30px 0 0; } 
a:link { color: #464646; text-decoration: none; }
a:hover { text-decoration: none; color: #fff; }
h1 { color: #999; margin-top: 8px; letter-spacing: -0.1em; font: 700 31px/.8 Arial, sans-serif; }
h1 span { color: #ccc; font-size: 18px; font-weight: 400; letter-spacing: -0.053em; text-transform: uppercase; }
h2 { font-size: 24px; }
h3 { font-size: 17px; }
#top { position: absolute; top: 20px; left: 20px; width: 310px; height: 500px; cursor: pointer; margin-top: 30px; z-index: 1; }
#logo { float: left; height: 86px; width: 110px; }
#title { width: 180px; margin: 0 0 0 130px; position: absolute; visibility: visible; z-index: 4; }
#menu { float:left; width:290px; padding-bottom:10px; font-weight:700; color:#999; margin-top:40px; font-size:32px; text-transform:uppercase; letter-spacing:-0.08em; } 
#menu a:link,#menu a:active,#menu a:visited,#menu a:hover { color:#ccc; }
#menu a:hover { color:#999; }
#menu ul li { width:230px; float:left; margin-top:-12px; }
#contact { float:left; width:290px; margin-top:126px; text-align:right; font-size:10px; color:#ccc; }
#container { height:500px; background-color:#fff; float:left; margin-right:0; margin-bottom:0; margin-left:0; padding:20px 0 20px 320px; position: absolute; z-index: 0; }
#container img { margin-right:13px; }
#container ul li { float:left; height:100px; margin-right:-12px; }
#back { height:36px; width:120px; display:block; outline:0; z-index:1; margin-top:120px; position:absolute; background:url('../assets/back.gif') no-repeat; font-size:32px; }
#back:hover { background-position:0 -36px; padding-left:40px; }
#back00 { width:120px; height:500px; }
#footer { height:40px; width:1200px; padding-left:20px; margin-top:560px; font-size:10px; position:absolute; margin-left:0; left:0; text-transform:uppercase; }
#footer img { float: right; margin-right: 700px; }
#footer a img { border: none; }
#qTip { position:absolute; display:none; font-size:13px; color:#fff; z-index:1000; background:url('../assets/qTip.png') repeat; padding:10px 15px; }
a:visited,a:active { text-decoration:none; color:#333; }
#menu ul,#container ul { list-style-type:none; display:inline; padding:0; }
Parvum
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 6700k Gigabyte Z170X-Gaming 6 2x Gigabyte GTX 1080 G1 16GB DDR4 
Hard DriveOSMonitorKeyboard
Samsung 512GB M.2 950 Pro NVMe Windows 10 Dell 1440p Pok3r 
PowerCaseMouseMouse Pad
EVGA 750GQ Parvum M1.0 Logitech G9X Corsair 
  hide details  
Reply
Parvum
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 6700k Gigabyte Z170X-Gaming 6 2x Gigabyte GTX 1080 G1 16GB DDR4 
Hard DriveOSMonitorKeyboard
Samsung 512GB M.2 950 Pro NVMe Windows 10 Dell 1440p Pok3r 
PowerCaseMouseMouse Pad
EVGA 750GQ Parvum M1.0 Logitech G9X Corsair 
  hide details  
Reply
post #2 of 2
Hi!

I'm not sure if you've already figured it out, but to add a custom layout to each page, you simply need to create a new page and select "Custom Layout." wink.gif



Now, while we're here, I'd just like to make a little statement:
Honestly, I think you should stick to Tumblr for your photography. I mean, having your own server and all is nice, I suppose, but how will people keep themselves updated with your work? Newsletters? tongue.gif
Using Tumblr will, which I'm sure you're completely aware of, allow users to follow your «blog,» thus more fame! Just my two cents. smile.gif

Other than that, I strongly recommend you to follow Tumblr's theme guidelines for the post, unless you for some reason need them to be hosted at flickr.
http://www.tumblr.com/docs/en/custom_themes
Edited by hipster - 6/21/13 at 3:44pm
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding