Kasten drumherum?

[sinankurt]

Hallo,
ich habe einige "social-share" buttons (also den code dafür).
Die möchte ich nun in meiner Webseite platzieren, doch ich hätte gerne dass sich so eine Art "Kasten" um die Buttons bildet, bei dem ich auch eine Überschrift setzen kann.

Wie mache ich bei jedem Artikel meines Blogs einen extra Abschnitt wie im Bild, wo ich eine Überschrift setzen kann, und wo ich die Buttons wie jetzt im Bild "Facebook" und "twitter" in einen grauen Kästchen setzen kann? Ich bräuchte eure Hilfe, danke und guten Morgen :-)



Uploaded with ImageShack.us

 

[Arcsinh]

So etwas vllt: Elemente gruppieren - fieldset, legend

 

[sinankurt]

Habe mir die Seite von selfhtml durchgelesen, jedoch verstehe ich es nicht ganz :(

 

[ka9de]

prima. und was verstehst du nicht?

 

[alogheo]

durch <fieldset> wird eine Box Rahmen gebildet.
in fieldset kannst du zwischen <legend> und </legend> die Überschrift setzen.
Und weiterhin in <fieldset> dann den Inhalt.

<fieldset> <!-- Rahmen -->
 <legend>soziale Werkzeuge</legend> <!--  Überschrift -->
 Facebook<br /> <!-- inhalt der Box -->
 Twitter
</fieldset>

 

[sinankurt]

Habe es gemacht, jetzt kommt eine Überschrift, leider aber kein kasten, der das alles deckt, das ist der Code für meine Buttons:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_misterwong_de"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_yigg"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_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 -->

 

[alogheo]

Wenn du uns zeigen könntest, wie du es probiert hast, könnten wir dir bei der Fehlersuche besser helfen...

 

[sinankurt]

Ich habe so gemacht:

<?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();
        
                // calling the comments template
                thematic_comments_template();
        
                // calling the widget area 'single-bottom'
                get_sidebar('single-bottom');
                
                ?>


            </div><!-- #content -->



            
            <?php thematic_belowcontent(); ?> 
           
<fieldset> <!-- Rahmen -->  <legend>soziale Werkzeuge</legend> <!--  Überschrift -->  <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_misterwong_de"></a>
<a class="addthis_button_delicious"></a>
<a class="addthis_button_yigg"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_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 --><br /> <!-- inhalt der Box --> </fieldset>


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


<?php 

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

    // calling the standard sidebar 
    thematic_sidebar();
    
    // calling footer.php
    get_footer();

?>

Aber natürlich nicht an dem Ort wo ich haben möchte, ich habe nur prbiert ob es überhaupt geht...

 

[alogheo]

passt doch:

 

[sinankurt]

Bei mir wird das wirklich nicht im Kästchen angezeigt. Komisch...

 

[alogheo]

Kannst du uns einen Link posten, wo wir das Prolem sehen können?

 

[sinankurt]

Klar:



Uploaded with ImageShack.us

Hier sieht man zwar die Buttons und die Überschrift, aber leider keinen Rahmen.