Log In · Register

 
 
 Closed TopicStart new topic
confusseddd
MoneyIsDaMotive
post Sep 12 2009, 10:50 PM
Post #1


Blazed
****

Group: Member
Posts: 294
Joined: Jun 2009
Member No: 732,840
i did not mean to double post...
its 6 in the morning and im tired so mybad!
so immajust clear this out less you can combine the post with this.

Alright Let me describe my problem better.PLEASE help me.

So i found this

http://grizzlybeargalore.tumblr.com/

And i Beeen searching for a very long time on how to code a tumlbr layout.
Yes, I know about the Css page they have on the Tumblr site.
But it does NOT till you how to put

background image
Position tables
Tables Color (Posts,About me,Followings)
Text Properties

And Im confussed with it.

This is All i got with my code
CODE
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<style type="text/css">
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}

ol.notes li.note {
border-top: solid 1px #ccc;
padding: 10px;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

ol.notes li.note span.action {
font-weight: bold;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

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

</style>


</head>
<body>

<h1>{Title}</h1>

{block:Description}
<p id="description">{Description}</p>
{/block:Description}

<ol id="posts">
{block:Posts}
{block:Text}
<li class="post text">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>


{/block:Title}

{Body}
</li>
{/block:Text}

{block:Photo}
<li class="post photo">
<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Photo}

{block:Quote}
<li class="post quote">
"{Quote}"

{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</li>
{/block:Quote}

{block:Link}
<li class="post link">
<a href="{URL}" class="link" {Target}>{Name}</a>

{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</li>
{/block:Link}

{block:Chat}
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}

<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
</ul>
</li>
{/block:Chat}

{block:Video}
<li class="post video">
{Video-400}

{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Video}
{/block:Posts}
</ol>

<p id="footer">
{block:PreviousPage}
<a href="{PreviousPage}">« Previous</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">Next »</a>
{/block:NextPage}

<a href="/archive">Archive</a>
</p>
</body>
</html>


And i created A Div Layout image for The Tumblr.
it has a section for my posts. (in the middle) but its a box. so it might can only fit 3 posts at a time.
so can i limit posts?And then The About me Section./Followings.
So what do i need to add to my code i just added to help me make this theme i want. PLEASE help me with this.
And I tried to look at the theme code @

http://grizzlybeargalore.tumblr.com/post/9...zzly-bear-forum

Did they image sliced that?
for the links?

I know im not suppose to double post,
but its been a couple of days. and no response's
and im really trying to figure this out.
anyone know how to help me out??
 
hi-C
post Sep 16 2009, 02:35 PM
Post #2


Amberific.
********

Group: Staff Alumni
Posts: 12,913
Joined: Jul 2004
Member No: 29,772
That theme is a modification of TumbleDesk. I've actually never coded a tumblr layout, but it's supposed to be very similar to coding a website; like if you need to put in a background then either edit the body tag or add it to your CSS:

CODE
<body bg="######">
or
CODE
<body style="background-color:######; backround-image:url("");">
or
CODE
body{background-color:######;
backround-image:url(""); }


You should be able to solve the majority of your issues with straight HTML/CSS.
 
MoneyIsDaMotive
post Sep 17 2009, 04:26 AM
Post #3


Blazed
****

Group: Member
Posts: 294
Joined: Jun 2009
Member No: 732,840
Alright,
also i wanted a Tag Cloud.
from this page.
And i can't figure out on how to
edit it so the list goes down. intsead of right.
so how can i edit it?
 
hi-C
post Sep 17 2009, 09:05 AM
Post #4


Amberific.
********

Group: Staff Alumni
Posts: 12,913
Joined: Jul 2004
Member No: 29,772
See in the script where it says "css=default"? Replace default with none and it should work for you.
 
« Next Oldest · Tumblr Resolved Topics · Next Newest »
 

Closed 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