• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Buttons oberhalb der Überschrift setzen

sinankurt

Neues Mitglied
Hallo HTML-Community!

Wie kann ich Button-Codes an den im Bild markierten Bereich setzen? Ich weiß zwar wie ih sie oberhalb der Überschrift setze, jedoch sind die dann zu nah an der Überschrift dran. Wie kann ich sie so setzen, dass sie nicht so nah an der Überschrift sind? Ungefähr so wie im Bild.



Veilleicht ist die single.php nützlich:


PHP:
<?php


    // calling the header.php
    get_header();




    // action hook for placing content above #container
    thematic_abovecontainer();

?>



        <div id="container">
            

            <?php thematic_abovecontent(); ?>
            
            <div id="content">
        
                <?php 
                
                the_post();
                
                // create the navigation above the content
                thematic_navigation_above();
        
                // calling the widget area 'single-top'
                get_sidebar('single-top');
        
                // action hook creating the single post
                thematic_singlepost();
                
                // calling the widget area 'single-insert'
                get_sidebar('single-insert');
        
                // create the navigation below the content
                thematic_navigation_below();


?>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:width="120" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet" tw:via="QuartelBlog"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4de0ba5e3a0edbc7"></script>
<!-- AddThis Button END -->
<?PHP

        
                // calling the comments template
                thematic_comments_template();
        
                // calling the widget area 'single-bottom'
                get_sidebar('single-bottom');
                
                ?>
        

            </div><!-- #content -->
            
            <?php thematic_belowcontent(); ?> 

            
        </div><!-- #container -->
        
<?php 

    // action hook for placing content below #container
    thematic_belowcontainer();

    // calling the standard sidebar 
    thematic_sidebar();
    
    // calling footer.php
    get_footer();
 
Danke, das mit den Eigenschaften kann ich dank dem Link. Doch ich weiß nicht, wie ich die Buttons überhaupt mit CSS anspreche?
 
Hallo Sinankurt,

glaube die single.php ist etwas zu tief, da die BUttons dann nicht auf allen Seiten hast.

Ich weiß zwar wie ih sie oberhalb der Überschrift setze, jedoch sind die dann zu nah an der Überschrift dran. Wie kann ich sie so setzen, dass sie nicht so nah an der Überschrift sind?
mach die oberhalb der überschrift. platz kann man dann schaffen.

Cheffchen
 
Danke Cheffchen. Habe sie jetzt oberhalb der Überschrift.


EDIT:

Per Wordpress-Plugin klappt es einigermaßen, doch dafür lädt die Seite ca. 6 Sekunden langsamer. Also doch die "HTML-CSS" Variante ;-)

Im Moment sind die Buttons so:




Doch wie kriege ich sie so hin?

 
Zuletzt bearbeitet:
Hallo,

habe mir das gerade angeschaut. also wie auf dem 2 Bild geht das nicht da die 3 Buttons oberhalb der "Jüngste Kommentare" ist also wo sie jetzt stehen niemals daneben stehen werden wie auf dem Bild.
Das was jetzt aber gehen würde wäre den abstand zu der überschrift vergrößern.
zum test in eine css schreiben.
Code:
.at300b {margin-bottom:20px;}

Cheffchen
 
Ich habe den Code jetzt einfach so in die css Datei eingefügt, aber nichts ändert sich. Könnte man nicht wie du schon sagtest, den Artikel komplett wie bei Bild 2 nach untenschieben, so, dass es doch geht?
 
Hallo,
gehen tut das bestimmt aber wohl eher nicht in der single.php sondern in einer anderen Template Datei.
Ich habe den Code jetzt einfach so in die css Datei eingefügt
ich sehe nicht das dies wo eingebunden ist im code, in welche css hast das gepackt :O)

Cheffchen

ps: die google bilder sucher funktioniert schon, das ist echt geil :O).
da sieht man gleich wieviel bei fotolia bilder kaufen :O)
 
Zuletzt bearbeitet:
Ich hatte es wieder rausgenommen :-) Doch jetzt ist es wieder drin... (Ja, funktioniert tatsächlich super!)
 
Zurück
Oben