Ergebnis 1 bis 6 von 6

Thema: HTML Hilfe bei Tumblr Theme...

  1. #1
    HTML Newbie
    Registriert seit
    02.08.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML Hilfe bei Tumblr Theme...

    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-Code:
    <!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>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: HTML Hilfe bei Tumblr Theme...

    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,

  3. #3
    Bandit
    Gast

    Standard AW: HTML Hilfe bei Tumblr Theme...

    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!!
    Geändert von Bandit (02.08.2012 um 10:40 Uhr)

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    02.08.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Hilfe bei Tumblr Theme...

    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 Zitat von Bandit Beitrag anzeigen
    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?

  5. #5
    Bandit
    Gast

    Standard AW: HTML Hilfe bei Tumblr Theme...

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

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    02.08.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML Hilfe bei Tumblr Theme...

    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?

Ähnliche Themen

  1. FI Theme
    Von R3WARD im Forum Forum-Hilfe.de intern
    Antworten: 23
    Letzter Beitrag: 13.04.2008, 12:11
  2. Mozilla Firefox Theme
    Von chris90night im Forum Computer - Internet Forum
    Antworten: 3
    Letzter Beitrag: 19.09.2007, 21:46
  3. phpBB Theme anpassen
    Von Empon im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 16.05.2005, 13:43
  4. HTML Code auf einer HTML-Hilfe Website anzeigen
    Von Sternenkrieger im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 16.06.2004, 10:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •