[Hansklausmauskatze]

Hallo Zusammen

Ich würde gerne wissen, wie man diese Icons (FB, G+, Twitter, Youtube) einfügen kann. Genau so wie auf mybboard.de

Kann mir jemand den Code geben?

Vielen Dank im Voraus

[Jockl]

Besorge Dir die Icons und baue eine Verlinkung mit img-Tag in das header-Template ein.....

[Hansklausmauskatze]

Danke erstmals für deine Antwort.
Ja, dieser Teil ist mir schon klar ich hab aber jeweils ein bisschen mühe mit der Positionierung.
Ich versuchs einfach mal und melde mich sonst wieder.

[Jockl]

(31.05.2012 21:02)Hansklausmauskatze schrieb:  Ja, dieser Teil ist mir schon klar ich hab aber jeweils ein bisschen mühe mit der Positionierung.

Dann wäre genau dieser Teil wichtig für die Fragestellung des ersten Beitrages gewesen.

[Hansklausmauskatze]

(31.05.2012 21:04)Jockl schrieb:  

(31.05.2012 21:02)Hansklausmauskatze schrieb:  Ja, dieser Teil ist mir schon klar ich hab aber jeweils ein bisschen mühe mit der Positionierung.

Dann wäre genau dieser Teil wichtig für die Fragestellung des ersten Beitrages gewesen.

Haha Ich mag dich und deine Antworten

[Jockl]

Tipp: nimm die Entwicklertools Deines Browsers und sieh damit im Quelltext nach, wie es hier umgesetzt wurde. Wenn Du dann noch Probleme mit deren Positionierung hast, dann müsstest Du uns ein wenig mehr an Details mit auf den Weg geben....

[Hansklausmauskatze]

(31.05.2012 21:19)Jockl schrieb:  

Tipp: nimm die Entwicklertools Deines Browsers und sieh damit im Quelltext nach, wie es hier umgesetzt wurde. Wenn Du dann noch Probleme mit deren Positionierung hast, dann müsstest Du uns ein wenig mehr an Details mit auf den Weg geben....

Yessir, inspect element, sollte im möglichen Bereich liegen

[Hansklausmauskatze]

Hey Jocki, siehst du grade den Fehler hab ein bisschen mit den Icons rumgespielt und jetzt hat es mein Menu nach unten verschoben (siehe Link in der Signatur).

Hab es schon 2mal durchgeschaut, vielleicht fällt jmd. der Fehler gleich auf, wäre cool.

Code:

<div class="userbar">
    <div class="container">
        <div class="row">
            
            <div class="elevencol">
                <a style="margin-right: 15px;" href="{$mybb->settings['bburl']}/usercp.php">{$lang->welcome_usercp}</a>
                <a style="margin-right: 15px;" href="{$mybb->settings['bburl']}/private.php">Nachrichten</a>
                {$modcplink}{$admincplink}
                <a style="margin-right: 15px;" href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a>
            </div>
        </div>
    </div>
</div>

<div id="header">
    <div class="container">
        <div class="row">
            <div class="threecol">
                <div class="logo">
                    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a>
                </div>
            </div>
</div>
</div>
      </div>

            <div class="ninecol last">
                <div class="menu">
                    <ul>
                        <li><a id="homenav" href="{$mybb->settings['bburl']}/portal.php">Portal</a></li>
                        <li><a id="forumnav" href="{$mybb->settings['bburl']}/index.php" >Forum</a></li>
                        <li><a id="memnav" href="{$mybb->settings['bburl']}/memberlist.php">Mitglieder</a></li>
                        <li><a id="snav" href="{$mybb->settings['bburl']}/search.php">Suche</a></li>
                        <li><a id="calnav" href="{$mybb->settings['bburl']}/calendar.php">Kalender</a></li>
                        <li><a id="helpnav" href="{$mybb->settings['bburl']}/misc.php?action=help">Hilfe</a></li>
                    </ul>
                </div>


</div>
</div>


    

<div class="forum-body">
    <div class="container">
        <div class="row">
            <navigation>
        </div>
    </div>

    <div class="container">
        <div class="row">
            
<div class="sidebar">
                <div class="sideborder">
                    <div class="tcat" style="padding: 6px;">
                        {$mybb->user['username']}
                    </div>
                    
                    <div class="trow1" style="padding: 6px; overflow: show;">
                        <div class="avatar" style="clear: both;">
                            <img src="{$mybb->user['avatar']}" height="75px" width="75px" alt="Your Avatar" title="Your Avatar" />
                        </div>
                        
                        <div class="userstats">
                            Posts<a href="{$mybb->settings['bburl']}/search.php?action=finduser&uid={$mybb->user['uid']}" ><span style="float: right; font-weight: bold;">{$mybb->user['postnum']}</span></a><br />
                            Referrals<span style="float: right; font-weight: bold;">{$mybb->user['referrals']}</span><br />
                            Reputation<a href="{$mybb->settings['bburl']}/reputation.php?uid={$mybb->user['uid']}" ><span style="float: right; font-weight: bold;">{$mybb->user['reputation']}</span></a><br />
                        </div>
                    </div>
                </div>
<div style="clear: both;"></div>
                
            </div>
        
            <div class="forums">

[Jockl]

Leider kann ich das nicht nachvollziehen, dass sich bei dem Forum in Deiner Signatur das Menu nach unten verschoben hat....

Vielleicht liegt es aber daran, dass das Menu über die CSS-Klasse menu gesteuert wird, dieses aber nicht in der global.css vorhanden ist.

Mit

Code:

.menu{
  margin-top: -10px;
}

kannst Du es nach oben schieben. Die 10px kannst Du natürlich Deinem Wunsch nach anpassen.


Edit: Du scheinst gerade ein wenig zu basteln. Mittlerweile gibt es das div mit der Klasse menu gar nicht mehr....

[Hansklausmauskatze]

(31.05.2012 22:39)Jockl schrieb:  Leider kann ich das nicht nachvollziehen, dass sich bei dem Forum in Deiner Signatur das Menu nach unten verschoben hat....

Vielleicht liegt es aber daran, dass das Menu über die CSS-Klasse menu gesteuert wird, dieses aber nicht in der global.css vorhanden ist.

Mit

Code:

.menu{
  margin-top: -10px;
}

kannst Du es nach oben schieben. Die 10px kannst Du natürlich Deinem Wunsch nach anpassen.


Edit: Du scheinst gerade ein wenig zu basteln. Mittlerweile gibt es das div mit der Klasse menu gar nicht mehr....

Hmm, ich habe nur beim geposteten Code ein bisschen rumgspielt, hab nichts beim Css geändert, ich geh es Morgen nochmals durch, nach einer gewissen Zeit sieht man den Fehler nicht mehr^^