Change a HTML and CSS Theme

Discussion in 'General Webmaster Support' started by Draphoelix, Jun 17, 2013.

  1. Draphoelix

    Draphoelix It's not the wintercold that's killing me

    Ratings:
    +133 / 0 / -0
    I recently joined tumblr. Thought it would be a good idea since I'm learning HTML and CSS right now and they have these templates that they let you edit and preview real-time.

    But anyway here's the problem, right now "my site" looks like this.

    Help.png

    1. What I want right now is to put the search bar, along with the pagelinks "do random things? "play video games". Put it in the same block.

    I think this is the part:

    HTML:
        <div class="PageLinks" style="display: none; {block:HasPages}display: block;{/block:HasPages}{block:AskEnabled}display: block;{/block:AskEnabled}{block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}">
                     
                      <div class="Search" >
                    <form action="/search" method="get">
                        <input type="search" class="Text" name="q" value="{SearchQuery}" placeholder="search?"/>
                    </form>
                </div>
                
    2. The second thing I'd like to do is to put the "Posted on {time}" and "Filed under {tags} right next to the picture instead of beneath it (where i wrote the grey text). If I posted the wrong code please tell me.

    HTML:
                        {block:Date}
                        <span class="Permalink">
                            <a href="{Permalink}" class="Time">Posted: {MonthNumber}/{DayOfMonth}/{ShortYear} &mdash; {12Hour}:{Minutes}{AmPm}</a>
                        </span>
     
                        {block:IfShowShortURL}
                        <span class="ShortUrl">
                            <span>{lang:Short URL}</span>: <a href="{ShortURL}">{ShortURL}</a>
                        </span>
                        {block:IfShowShortURL}
                        {block:Date}
                   
                        {block:IfShowTags}
                        {block:HasTags}
                            <span class="Tags">
                                <span>{lang:Filed under}</span>:
                                {block:Tags}
                                    <a href="{TagURL}">#{Tag}</a>&nbsp;
                                {block:Tags}
                            </span>
                        {/block:HasTags}
                        {/block:IfShowTags}
     

Share This Page