تسجيل الدخول

طريقة عمل أيقونة بجانب اسم العنوان

الموضوع في 'ركن المشاكل و الحلول' بواسطة أيوب بوخزه, بتاريخ ‏22-09-2012.

حالة الموضوع:
مغلق
  1. أيوب بوخزه

    أيوب بوخزه :: عضو جديد ::

    إنضم إلينا في:
    ‏25-02-2012
    المشاركات:
    48
    الإعجابات المتلقاة:
    2
    الجنس:
    ذكر
    الإقامة:
    الجزائر
    السلام عليكم ورحمة الله وبركاته​
    عدنا إليكم من جديد بطلبيآتي المتكررة​
    هده المرة أريد منكمـ طريقة وضع ايقونة من إختياري بجانب اسم العنوان في القطع الجانبية​
    مثال بصورة​
    [​IMG]
    وأيضا في الناف بآر​
    مثال بصورة​
    [​IMG]
    أتمنى أن تبصرونآ بطريقة لعمل مثل هده الحركة الجميلة​
    لكي يستفيد منهآ الجميـــع وشكرا​
    إنتظر ردكم أخوتي​
    ;)

    'vdrm ulg Hdr,km f[hkf hsl hguk,hk
     
  2. ! Semoo Jordan !

    ! Semoo Jordan ! :: عضو ::
    rankrankrankrank

    إنضم إلينا في:
    ‏02-02-2012
    المشاركات:
    441
    الإعجابات المتلقاة:
    202
    الجنس:
    ذكر
    الإقامة:
    jordan
    وعليكم السلام
    اخي هذي تجي مع التصميم شوف المسار وتقدر تغير الايقونه على نفس المسار باستبدالها اخي الكريم
     
    اسيره عيونه و أيوب بوخزه معجبون بهذا.
  3. أيوب بوخزه

    أيوب بوخزه :: عضو جديد ::

    إنضم إلينا في:
    ‏25-02-2012
    المشاركات:
    48
    الإعجابات المتلقاة:
    2
    الجنس:
    ذكر
    الإقامة:
    الجزائر
    أخي أنا في تصميم الستايل ما عندي مثل الصور مجرد اسم العنوان فقط
    الصورة من ستايل آخر
    شو الحل
     
  4. bousaid

    bousaid :: إداري ::
    rankrankrankrank

    إنضم إلينا في:
    ‏05-02-2012
    المشاركات:
    482
    الإعجابات المتلقاة:
    364
    الجنس:
    ذكر
    الإقامة:
    الجزائر - أدرار
    أخي ... هذا قالب navigation_visitor_tab من المنتدى اللي انت واخذ منه الصورة :)
    إستبدله بمايلي و عدل مسارات الصور بما يناسبك ..
    كود:
    <xen:edithint template="navigation.css" />
     
    <ul class="visitorTabs">
     
        <xen:hook name="navigation_visitor_tabs_start" />
     
        <!-- account -->
        <li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}">
       
            <a href="{xen:link account}" class="navLink accountPopup" rel="Menu"><strong><img src="styles/shababadrar3d/xenforo/navicon/user_profile.png" class='user_icon' alt='' /> {$visitor.username}</strong></a>
           
            <div class="Menu JsOnly" id="AccountMenu">
                <div class="primaryContent menuHeader">
                    <xen:avatar user="$visitor" size="m" class="NoOverlay plainImage" title="{xen:phrase view_your_profile}" />
                   
                    <h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3>
                   
                    <xen:if hascontent="true"><div class="muted"><xen:contentcheck>{xen:helper usertitle, $visitor}</xen:contentcheck></div></xen:if>
                   
                    <ul class="links">
                        <li class="fl"><a href="{xen:link members, $visitor}">{xen:phrase your_profile_page}</a></li>
                    </ul>
                </div>
                <div class="menuColumns secondaryContent">
                    <ul class="col1 blockLinksList">
                    <xen:hook name="navigation_visitor_tab_links1">
                        <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                        <xen:if is="{$canEditSignature}"><li><a href="{xen:link account/signature}">{xen:phrase signature}</a></li></xen:if>
                        <li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li>
                        <li><a href="{xen:link account/privacy}">{xen:phrase privacy}</a></li>
                        <li><a href="{xen:link account/preferences}">{xen:phrase preferences}</a></li>
                        <li><a href="{xen:link account/alert-preferences}">{xen:phrase alert_preferences}</a></li>
                        <xen:if is="{$canUploadAvatar}"><li><a href="{xen:link account/avatar}" class="OverlayTrigger" data-cacheOverlay="true">{xen:phrase avatar}</a></li></xen:if>
                        <xen:if is="{$xenOptions.facebookAppId}"><li><a href="{xen:link account/facebook}">{xen:phrase facebook_integration}</a></li></xen:if>
                        <li><a href="{xen:link account/security}">{xen:phrase password}</a></li>
                    </xen:hook>
                    </ul>
                    <ul class="col2 blockLinksList">
                    <xen:hook name="navigation_visitor_tab_links2">
                        <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
                        <li><a href="{xen:link account/alerts}">{xen:phrase your_alerts}</a></li>
                        <li><a href="{xen:link watched/threads}">{xen:phrase watched_threads}</a></li>
                        <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                        <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}'}">{xen:phrase your_content}</a></li>
                        <li><a href="{xen:link account/following}">{xen:phrase people_you_follow}</a></li>
                        <li><a href="{xen:link account/ignored}">{xen:phrase people_you_ignore}</a></li>
                        <xen:if is="{$xenCache.userUpgradeCount}"><li><a href="{xen:link account/upgrades}">{xen:phrase account_upgrades}</a></li></xen:if>
                    </xen:hook>
                    </ul>
                </div>
                <div class="menuColumns secondaryContent">
                    <ul class="col1 blockLinksList">
                        <li>               
                            <form action="{xen:link account/toggle-visibility}" method="post" class="AutoValidator visibilityForm">
                                <label><input type="checkbox" name="visible" value="1" class="SubmitOnChange" {xen:checked $visitor.visible} />
                                    {xen:phrase show_online_status}</label>
                                <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
                            </form>
                        </li>
                    </ul>
                    <ul class="col2 blockLinksList">
                        <li><a href="{xen:link logout, '', '_xfToken={$visitor.csrf_token_page}'}" class="LogOut">{xen:phrase log_out}</a></li>
                    </ul>
                </div>
                <xen:if is="{$canUpdateStatus}">
                    <form action="{xen:link members/post, $visitor}" method="post" class="sectionFooter statusPoster AutoValidator" data-optInOut="OptIn">
                        <textarea name="message" class="textCtrl StatusEditor Elastic" placeholder="{xen:phrase update_your_status}..." rows="1" cols="40" style="height:14px" data-statusEditorCounter="#visMenuSEdCount" data-nofocus="true"></textarea>
                        <div class="submitUnit">
                            <span id="visMenuSEdCount" title="{xen:phrase characters_remaining}"></span>
                            <input type="submit" class="button primary MenuCloser" value="{xen:phrase post_verb}" accesskey="s" />
                            <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
                            <input type="hidden" name="return" value="1" />
                        </div>
                    </form>
                </xen:if>
            </div>       
        </li>
           
        <xen:if is="{$tabs.account.selected}">
        <li class="navTab selected PopupClosed">
            <div class="tabLinks">
                <div class="primaryContent menuHeader">
                    <h3>{$tabs.account.title}</h3>
                    <div class="muted">{xen:phrase quick_links}</div>
                </div>
                <ul class="secondaryContent blockLinksList">
                <xen:hook name="navigation_tabs_account">
                    <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                    <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                    <li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li>
                    <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                </xen:hook>
                </ul>
            </div>
        </li>
        </xen:if>
       
        <!-- conversations popup -->
        <li class="navTab inbox Popup PopupControl PopupClosed">
                       
            <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget"><img src="styles/shababadrar3d/xenforo/navicon/user_messenger.png" class='user_icon' alt='' /> {xen:phrase inbox}
                <strong class="itemCount {xen:if {$visitor.conversations_unread}, '', 'Zero'}"
                    id="ConversationsMenu_Counter" data-text="{xen:phrase you_have_x_new_unread_conversations}">
                    <span class="Total">{xen:number $visitor.conversations_unread}</span>
                    <span class="arrow"></span>
                </strong>
            </a>
           
            <div class="Menu JsOnly navPopup" id="ConversationsMenu"
                data-contentSrc="{xen:link 'conversations/popup'}"
                data-contentDest="#ConversationsMenu .listPlaceholder">
               
                <div class="menuHeader primaryContent">
                    <h3>
                        <span class="Progress InProgress"></span>
                        <a href="{xen:link conversations}" class="concealed">{xen:phrase conversations}</a>
                    </h3>                       
                </div>
               
                <div class="listPlaceholder"></div>
               
                <div class="sectionFooter">
                    <xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add}" class="floatLink">{xen:phrase start_new_conversation}</a></xen:if>
                    <a href="{xen:link conversations}">{xen:phrase show_all}...</a>
                </div>
            </div>
        </li>
       
        <xen:hook name="navigation_visitor_tabs_middle" />
       
        <!-- alerts popup -->
        <li class="navTab alerts Popup PopupControl PopupClosed">   
                       
            <a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget"><img src="styles/shababadrar3d/xenforo/navicon/user_alerts.png" class='user_icon' alt='' /> {xen:phrase alerts}
                <strong class="itemCount {xen:if {$visitor.alerts_unread}, '', 'Zero'}"
                    id="AlertsMenu_Counter" data-text="{xen:phrase you_have_x_new_alerts}">
                    <span class="Total">{xen:number $visitor.alerts_unread}</span>
                    <span class="arrow"></span>
                </strong>
            </a>
           
            <div class="Menu JsOnly navPopup" id="AlertsMenu"
                data-contentSrc="{xen:link 'account/alerts-popup'}"
                data-contentDest="#AlertsMenu .listPlaceholder"
                data-removeCounter="#AlertsMenu_Counter">
               
                <div class="menuHeader primaryContent">
                    <h3>
                        <span class="Progress InProgress"></span>
                        <a href="{xen:link account/alerts}" class="concealed">{xen:phrase alerts}</a>
                    </h3>
                </div>
               
                <div class="listPlaceholder"></div>
               
                <div class="sectionFooter">
                    <a href="{xen:link account/alert-preferences}" class="floatLink">{xen:phrase alert_preferences}</a>
                    <a href="{xen:link account/alerts}">{xen:phrase show_all}...</a>
                </div>
            </div>
        </li>
       
        <xen:hook name="navigation_visitor_tabs_end" />
     
        <li class="navTab PopupClosed"><a href="{xen:link logout}" class="navLink visitorTabItem OverlayTrigger"><img src="styles/shababadrar3d/xenforo/navicon/user_logout.png" class='user_icon' alt='' /> {xen:phrase log_out}</a></li>
    </ul>
    و ضع هذا ايضا بقالب EXTRA.css و غير مسارات الصور بما يناسبك :)

    كود:
    .navTabs .navTab.home a.navLink:before,
    .navTabs .navTab.forums a.navLink:before,
    .navTabs .navTab.members a.navLink:before,
    .navTabs .navTab.help a.navLink:before {
        content: "";
        display: inline-block;
        margin: 0px -11px 0px 6px !important;
        width: 16px;
        height: 39px;
        background: url('@imagePath/xenforo/navicon/forums.png') no-repeat 50% 25%;
        float: left;
    }
     
    .navTabs .navTab.home a.navLink:before {
        background: url('@imagePath/xenforo/navicon/home.png') no-repeat 50% 25%;
    }
     
    .navTabs .navTab.members a.navLink:before {
        background: url('@imagePath/xenforo/navicon/members.png') no-repeat 50% 25%;
    }
     
    .navTabs .navTab.help a.navLink:before {
        background: url('@imagePath/xenforo/navicon/help.png') no-repeat 50% 25%;
    }

     
  5. أيوب بوخزه

    أيوب بوخزه :: عضو جديد ::

    إنضم إلينا في:
    ‏25-02-2012
    المشاركات:
    48
    الإعجابات المتلقاة:
    2
    الجنس:
    ذكر
    الإقامة:
    الجزائر
    تسلم يا رب
    راح أجرب وأخبرك
    مشكووووور كثير
     
    أعجب بهذه المشاركة ®HoVe
  6. Turkialawlqy

    Turkialawlqy xDeveloper

    إنضم إلينا في:
    ‏01-02-2012
    المشاركات:
    1,839
    الإعجابات المتلقاة:
    1,335
    الجنس:
    ذكر
    الإقامة:
    شبوة
    أعجب بهذه المشاركة اسيره عيونه
حالة الموضوع:
مغلق
جاري تحميل الصفحة...