HTML Hilfe bei Tumblr Theme...

fritte1234

hallo zusammen,
ich bin grade dabei mir einen tumblr blog einzurichten, finde aber leider keine perfekten "themes".
habe jetzt erst einmal paar bilder gerebloggt, um mich mit den themes vertraut zu machen...
http://mic-check-1-2-1-2.tumblr.com/

kommen wir nun zu meinem problem.
ich finde dieses theme ansich ganz gut, würde aber gerne kleine änderungen vornehmen, wenn möglich!

1. rahmen um die bilder entfernen
2. abstand zwischen den bilder/posts verringern
3. bilder/posts in 2 spalten anzeigen
4. bildbreite auf 350pixel reduzieren

kann mir hier jemand helfen?
anbei der html quelltext...

vielen dank im voraus!

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

    <meta name="text:Twitter Username" content=""/>
    <meta name="text:Flickr Username" content=""/>
    <meta name="text:Disqus Shortname" content=""/>
    <meta name="color:Asterisk" content="#17f0ff"/>
    <meta name="if:Facebook Comments" content="0"/>
    <meta name="if:Disqus Comments" content="0"/>
    <meta name="if:Show Notes" content="1"/>
    <meta name="if:Show Asterisk" content="1"/>
    <meta name="if:Light Theme" content="0"/>
    <meta name="if:Show Portrait in Sidebar" content="0"/>
    <meta name="if:Disable Infinate Scrolling" content="0"/>
    <meta name="text:Google Analytics ID" content=""/>

    <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
    <link rel="shortcut icon" href="{Favicon}" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
    <link href="http://static.tumblr.com/xz44nnc/lgull993s/style.css" rel="stylesheet" />

    <script src="http://static.tumblr.com/xz44nnc/o5lkyivqw/jquery-1.3.2.min.js"></script>
    <script src="http://static.tumblr.com/xz44nnc/6eHll98ci/poop.js"></script>
    {block:IfNotDisableInfinateScrolling}
    <script>
    $(function(){
        $('#content ol').infinitescroll({
            navSelector: "div#pagination",
            nextSelector: "a#next_page",    
            itemSelector: "#content ol li",          
            loadingImg: "http://static.tumblr.com/xz44nnc/G0Zkyivrt/loading.gif",          
            loadingText: "",      
            donetext: "We've reached the end...",
            bufferPx: 400
        });
    });
    </script>
    {/block:IfNotDisableInfinateScrolling}
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
        /* Source logos */
        #content .meta a img {
            border: none;
            background: none;
            padding: 0;
            margin: 0;
            vertical-align: text-top;
            -moz-opacity: 0.1;
            opacity: 0.1;
        }

        #content .meta a:hover img {
                -moz-opacity: 0.15;
                opacity: 0.15;
            }
        div.fbDarkWidget {
            border: none !important;
            background-color: none !important;
        }

    {block:IfLightTheme}
        body { background: #fff; }
        ol#nav li.home a { color: #333; }
        ol#nav { background: #ffffff url(http://static.tumblr.com/xz44nnc/oe5ll93v8/side-light.png) repeat-y fixed 0 0; }
        ol#nav li a { color: #333; }
        ol#nav li a:hover { background: #fff; }
        body.show #content ol li { border-bottom: 0px solid #555; }
        #content .regular h3 a { color: #111; }
        #content ol li.quote blockquote { color: #333; }
        #content img, #content embed { background: #ffffff; border: 1px solid ##55555; }
        #content ol li#notes ol li { border-bottom: 1px solid #ddd;}
        #content a { color: #111; }
        #content a:hover { color: #666; }
        #content p.meta a { color: #999; }
        #content a.button { color: #333; }
    {/block:IfLightTheme}

    body.show #content ol li ol li, body.show #content ol li ul li { border: none; }
    ol#nav li.home a { color: {color:Asterisk}; }

    {block:IfShowPortraitinSidebar}
    ol#nav { padding-top: 70px; }
    ol#nav li a#photo-nav:hover { background: none; }
    {/block:IfShowPortraitinSidebar}

        {CustomCSS}
    </style>

    {block:IfGoogleAnalyticsID}
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
    {/block:IfGoogleAnalyticsID}

</head>    
<body{block:IfUseLightTheme} id="light"{/block:IfUseLightTheme}{block:IndexPage} class="show"{/block:IndexPage}>


<ol id="nav">
    {block:IfShowPortraitinSidebar}<li><a id="photo-nav" href="/" title="{Title}"><img src="{PortraitURL-128}"></a></li>{/block:IfShowPortraitinSidebar}
    {block:IfNotShowPortraitinSidebar}{block:IfShowAsterisk}<li class="home"><a href="/" title="{Title}">*</a></li>{/block:IfShowAsterisk}{/block:IfNotShowPortraitinSidebar}
    <li><a href="/">{lang:Home}</a></li>
    {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
    {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
    {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
    {block:IfFlickrUsername}<li><a href="http://flickr.com/photos/{text:Flickr Username}">Flickr</a></li>{/block:IfFlickrUsername}
    {block:IfTwitterUsername}<li><a href="http://twitter.com/{text:Twitter Username}">Twitter</a></li>{/block:IfTwitterUsername}
    <li><a href="/archive">{lang:Archive}</a></li>
    <li><a href="/random">{lang:Random}</a></li>
    <li><a href="{RSS}">{lang:RSS}</a></li>
</ol>


<div id="content">
    <ol>
    {block:Posts}        
        {block:Text}
        <li class="regular">
            {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
            {Body}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
                {/block:ContentSource}
            </p>
        </li>
        {/block:Text}

        {block:Photo}
        <li class="photo">
            <p class="noborder">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</p>
            {block:Caption}{Caption}{/block:Caption}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
                {/block:ContentSource}
            </p>
        </li>
        {/block:Photo}


        {block:Photoset}
        <li class="photoset">
            {block:Photos}
                {block:HighRes}<p><img src="{PhotoURL-HighRes}" alt="photo"></p>{/block:HighRes}
                   {block:Caption}<p>{Caption}</p>{/block:Caption}
               {/block:Photos}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
                {/block:ContentSource}
            </p>
        </li>
        {/block:Photoset}

        {block:Quote}
        <li class="quote">
            <blockquote>{Quote}</blockquote>
            {block:Source}<cite>&ndash; {Source}</cite>{/block:Source}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
                {/block:ContentSource}
            </p>
        </li>
        {/block:Quote}

        {block:Link}
        <li class="link">
            <h3><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h3>
            {block:Description}{Description}{/block:Description}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
                {/block:ContentSource}
            </p>
        </li>
        {/block:Link}

        {block:Video}
            <li class="video">
                {Video-500}
                {block:Caption}{Caption}{/block:Caption}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
                {/block:ContentSource}
            </p>
            </li>
        {/block:Video}

        {block:Chat}
        <li class="chat">
            {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
            {block:Lines}<p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p>{/block:Lines}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
                    &nbsp;/&nbsp; {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></p>
                {/block:ContentSource}
            </p>
        </li>
        {/block:Chat}


        {block:Audio}
        <li class="audio">
            {AudioPlayerBlack}
            {block:Caption}{Caption}{/block:Caption}
            <p class="meta">
                <a href="{Permalink}">{TimeAgo}</a>
                {block:IfShowNotes}&nbsp;/&nbsp; <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:IfShowNotes}
                {block:IfDisqusComments}{block:IfDisqusShortname} &nbsp;/&nbsp; <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</a>{/block:IfDisqusShortname}{/block:IfDisqusComments}
                {block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
                {/block:ContentSource}
            </p>
        </li>
        {/block:Audio}
    {/block:Posts}
    {block:PermalinkPage}
    {block:IfShowNotes}
        {block:PostNotes}
        <li id="notes">
            {PostNotes}
        </li>
        {/block:PostNotes}
        {/block:IfShowNotes}
    {block:IfDisqusComments}
    {block:IfDisqusShortname}
        <li id="comments">
            <script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript=jessakalani">comments powered by Disqus.</a></noscript>{/block:Permalink}<script type="text/javascript">
            //<![CDATA[
            (function() {
                var links = document.getElementsByTagName('a');
                var query = '?';
                for(var i = 0; i < links.length; i++) {
                if(links[i].href.indexOf('#disqus_thread') >= 0) {
                    query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
                }
                }
                document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
            })();
            //]]>
            </script>
        </li>
    {/block:IfDisqusShortname}
    {/block:IfDisqusComments}

    {block:IfNotLightTheme}
    {block:IfFacebookComments}
    <li id="comments">
        <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
        <fb:comments href="{Permalink}" num_posts="20" width="620" colorscheme="dark"></fb:comments>
    </li>
    {/block:IfFacebookComments}
    {/block:IfNotLightTheme}

    {block:IfLightTheme}
    {block:IfFacebookComments}
    <li id="comments">
        <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
        <fb:comments href="{Permalink}" num_posts="20" width="620" colorscheme="light"></fb:comments>
    </li>
    {/block:IfFacebookComments}
    {/block:IfLightTheme}

{/block:PermalinkPage}
    </ol>
    <div id="pagination">
        {block:NextPage}<a class="button next" id="next_page" href="{NextPage}">&larr; {lang:Older}</a>{/block:NextPage}
        {block:PreviousPage}<a class="button right" href="{PreviousPage}">{lang:Newer} &rarr;</a>{/block:PreviousPage}
    </div>
</div>
</body>
</html>

Alles anzeigen

Bandit

Punkt 1 und 2 werden vermutlich in der Stylesheet-Datei bestimmt. Punkt 3 und 4 könnten in einem Script oder in der Konfiguration definiert sein.

Aber mal ganz ehrlich, ich finde es schon etwas dreist, hier einfach einen fremden Code reinzuhauen und dann sagen, was man möchte, aber selber nichts zur Lösung beizutragen,

Bandit

Punkt 1 und 2 werden vermutlich in der Stylesheet-Datei bestimmt. Punkt 3 und 4 könnten in einem Script oder in der Konfiguration definiert sein.

Aber mal ganz ehrlich, ich finde es schon etwas dreist, hier einfach einen fremden Code reinzuhauen und dann sagen, was man möchte, aber selber nichts zur Lösung beizutragen. Und was sagt der Hersteller des Templates zu deinen Wünschen.

Und dann auch noch Crossposting!!

fritte1234

ich habe leider keine große ahnung von HTML aber etwas habe ich das theme nach informationen aus dem internet schon auf meine bedürfnisse angepasst. bei den letzten punkten bin ich leider nicht weiter gekommen. unterstelle mir bitte nicht, ich würde nichts zur lösung beitragen.

Zitat von Bandit

Und dann auch noch Crossposting!!

es sollte doch wohl legitim sein in weiteren foren nach hilfe zu fragen wenn man in den anderen keine hilfe bekommen hat, oder?

Bandit

Wie schon gesagt, die ersten beiden Punkte lassen sich mit Anpassungen in der CSS korrigieren. Den Rest kann man so nicht beantworten.

fritte1234

danke für den tipp mit der CSS, dort habe ich einiges gefunden

jetzt muss ich es nur noch schaffen, alles in 2 spalten anzuzeigen... vielleicht kann mir da noch einmal jemand auf die sprünge helfen?

Tags