/ آموزش قرار دادن هدر ( یا همان لوگو ) با css3
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 7 از 7

موضوع: آموزش قرار دادن هدر ( یا همان لوگو ) با css3

  1. #1
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir

    آموزش قرار دادن هدر ( یا همان لوگو ) با css3

    درود
    امروزه خیلی از CSS استفاده میکنن و خیلی طرفدار پیدا کرده و منم یه هدر یا همون لوگو رو براتون ساختم که با چند تا تغییر کد راحت امکانپذیره .

    ابتدا به ادمین سی پی برید و در جست و جوی قالب ها سرچ کنید additional.css رو و به آخرش کد های زیر رو اضافه کنید :

    کد:
    .wikivbhead{
    font: 80px b yekan;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 30px;
    box-shadow: 0px 0px 30px black inset;
    border-radius: 40px;
    padding: 0px 30px;
    padding-bottom: 30px;
    border-bottom: 60px solid #009cff;
    color: #009cff;
    text-shadow: 1px 5px #424242;
    }
    .wikivbhead span{
    font: 35px B koodak;
    position: absolute;
    color: #fff;
    margin-top: 25;
    left: 0;
    right: 0;
    text-shadow: 1px 4px #424242 ;
    }
    حالا ذخیره کنید و دو خط HTML زیر رو جایگزین لوگوی فعلیتون که معمولا در قالب header و خطوط اول هست بکنید :

    کد:
    <div class="wikivbhead">ویـکــــی وی بـــی<br/>
    <span>مرجع تخصصی و رایگان ویبولتین در ایران</span></div>
    اسم و شعارتون هم جایگزین اسم و شعار ویکی وی بی بکنید .

    اسکرین شات از نتیجه کد ها ( برای مشاهده در سایز اصلی روی تصویر کلیک کنید ) :

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    پیروز باشید

    12 نفر از اعضا پست WikiVB را پسندیده اند



  2. نوين وردپرس تبلیغات شما

  3. #2
    NiNE آنلاین نیست.
    NiNE
    مدير بازنشسته
    1,975نوشته4,462مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    63
    پسندیده است
    7,092 پست
    بلاگ
    1 پست
    میزان امتیاز
    4470
    gilas-web.ir
    طبق آموزش پیش برید درست میشه دیگه !
    Different type

  4. #3
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    جناب این عکس نیست css هست !!!

    کاربر زیر پست WikiVB را پسندیده است:


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #4
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    دوست عزیز انگار متوجه نیستید این css هست و تفاوتش نسبت به لوگوی تصویری اینه که عکس نداره اگر قرار باشه سونیک بزاریم دیگه چه فرقی با تصویر داره !
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  6. #5
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    کد:
    <div class="bg-top"><div class="soal"></div><div class="ads"><div class="ads_t"><a>تبلیغات</a></div><embed src="" quality="high" type="application/x-shockwave-flash" width="468" height="60"></div><div class="soal-top"><tbody><tr> <td style="margin-bottom: 0px; padding-right: 7px; padding-left: 7px; padding-top: 3px; padding-bottom: 3px;"> <span style="color: #303030;font-size: 16px;">آیا میدانید :</span> <script language="JavaScript"> var Quotation=new Array() Quotation[0] = "عضویت در انیمیشن ها کاملا رایگان است"; Quotation[1] = ""; Quotation[2] = ""; Quotation[3] = ""; Quotation[4] = ""; Quotation[5] = ""; var Q = Quotation.length; var whichQuotation=Math.round(Math.random()*(Q-1)); function showQuotation(){document.write(Quotation[whichQuotation]);} showQuotation(); </script> </tr></tbody></table></div><div class="youuser"></div><div id="toplinks" class="toplinks">        <vb:if condition="$show['member']">            <ul class="isuser">                <li><a href="login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a></li>                <vb:if condition="$show['registerbutton']">                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>                </vb:if>                <li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase user_control_panel}</a></li>                <li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li>                <vb:if condition="$notifications_total">                <li class="popupmenu notifications" id="notifications">                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>                    <ul class="popupbody popuphover">                        {vb:raw notifications_menubits}                    </ul>                </li>                <vb:else />                <li class="popupmenu nonotifications" id="nonotifications">                    <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>                    <ul class="popupbody popuphover">                        <li>{vb:rawphrase no_new_messages}</li>                        <vb:if condition="$show['pmmainlink']"><li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li></vb:if>                    </ul>                </li>                </vb:if>                <li class="welcomelink">{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li>                <vb:if condition="$vboptions['enablefacebookconnect']">                    {vb:raw facebook_header}                </vb:if>            </ul>            {vb:raw template_hook.header_userinfo}            <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment>        <vb:else />            <ul class="nouser">            <vb:if condition="$show['registerbutton']">                <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li>            </vb:if>                <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>                <li>            <script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script>            <form id="navbar_loginform" action="login.php?{vb:raw session.sessionurl}do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})">                <fieldset id="logindetails" class="logindetails">                    <div>                        <div>                    <input type="text" class="textbox<vb:if condition="!$username"> default-value</vb:if>" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>" />                    <input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" />                    <input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="{vb:rawphrase password}" style="display:none;" />                    <input type="submit" class="loginbutton" tabindex="104" value="{vb:rawphrase log_in}" title="{vb:rawphrase enter_username_to_login_or_register}" accesskey="s" />                        </div>                    </div>                </fieldset>                <div id="remember" class="remember">                    <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> {vb:rawphrase remember_me}</label>                </div>                <input type="hidden" name="s" value="{vb:raw session.sessionhash}" />                <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />                <input type="hidden" name="do" value="login" />                <input type="hidden" name="vb_login_md5password" />                <input type="hidden" name="vb_login_md5password_utf" />            </form>            <script type="text/javascript">            YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");            YAHOO.util.Dom.setStyle('navbar_password', "display", "none");            vB_XHTML_Ready.subscribe(function()            {            //                YAHOO.util.Event.on('navbar_username', "focus", navbar_username_focus);                YAHOO.util.Event.on('navbar_username', "blur", navbar_username_blur);                YAHOO.util.Event.on('navbar_password_hint', "focus", navbar_password_hint);                YAHOO.util.Event.on('navbar_password', "blur", navbar_password);            });                        function navbar_username_focus(e)            {            //                var textbox = YAHOO.util.Event.getTarget(e);                if (textbox.value == '<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>')                {                //                    textbox.value='';                    textbox.style.color='{vb:stylevar input_color}';                }            }            function navbar_username_blur(e)            {            //                var textbox = YAHOO.util.Event.getTarget(e);                if (textbox.value == '')                {                //                    textbox.value='<vb:if condition="$username">{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>';                    textbox.style.color='{vb:stylevar shade_color}';                }            }                        function navbar_password_hint(e)            {            //                var textbox = YAHOO.util.Event.getTarget(e);                                YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "none");                YAHOO.util.Dom.setStyle('navbar_password', "display", "inline");                YAHOO.util.Dom.get('navbar_password').focus();            }            function navbar_password(e)            {            //                var textbox = YAHOO.util.Event.getTarget(e);                                if (textbox.value == '')                {                    YAHOO.util.Dom.setStyle('navbar_password_hint', "display", "inline");                    YAHOO.util.Dom.setStyle('navbar_password', "display", "none");                }            }            </script>                </li>                <vb:if condition="$vboptions['enablefacebookconnect']">                    {vb:raw facebook_header}                </vb:if>            </ul>        </vb:if></div></div><div class="above_body"><div id="header" class="floatcontainer doc_header">    <vb:if condition="$stylevar['titleimage']"><div><a name="top" href="{vb:link forumhome}" class="logo-image"></a></div></vb:if>    <div class="ad_global_header">        {vb:raw ad_location.global_header1}        {vb:raw ad_location.global_header2}    </div>    <hr /></div>

    کاربر زیر پست CodeSaz را پسندیده است:


    ویرایش توسط CodeSaz : 02-20-2013 در ساعت 11:05 PM

  7. #6
    NiNE آنلاین نیست.
    NiNE
    مدير بازنشسته
    1,975نوشته4,462مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    63
    پسندیده است
    7,092 پست
    بلاگ
    1 پست
    میزان امتیاز
    4470
    gilas-web.ir
    این کد رو پیدا کنید :

    کد HTML:
    font: 80px b yekan;
    و جایگزین کنید با :

    کد HTML:
    font: 35px b yekan;
    و این رو :

    کد HTML:
    font: 35px B koodak;
    جایگزین کنید با :


    کد HTML:
    font: 10px B koodak;

    کاربر زیر پست NiNE را پسندیده است:


    Different type

  8. #7
    C.I.A آنلاین نیست.
    C.I.A
    کاربر سايت
    393نوشته207مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    2035
    پسندیده است
    197 پست
    بلاگ
    2 پست
    میزان امتیاز
    217
    holoo-f.ir
    نقل قول نوشته اصلی توسط WikiVB نمایش پست ها
    درود
    امروزه خیلی از CSS استفاده میکنن و خیلی طرفدار پیدا کرده و منم یه هدر یا همون لوگو رو براتون ساختم که با چند تا تغییر کد راحت امکانپذیره .

    ابتدا به ادمین سی پی برید و در جست و جوی قالب ها سرچ کنید additional.css رو و به آخرش کد های زیر رو اضافه کنید :

    کد:
    .wikivbhead{
    font: 80px b yekan;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 30px;
    box-shadow: 0px 0px 30px black inset;
    border-radius: 40px;
    padding: 0px 30px;
    padding-bottom: 30px;
    border-bottom: 60px solid #009cff;
    color: #009cff;
    text-shadow: 1px 5px #424242;
    }
    .wikivbhead span{
    font: 35px B koodak;
    position: absolute;
    color: #fff;
    margin-top: 25;
    left: 0;
    right: 0;
    text-shadow: 1px 4px #424242 ;
    }
    حالا ذخیره کنید و دو خط HTML زیر رو جایگزین لوگوی فعلیتون که معمولا در قالب header و خطوط اول هست بکنید :

    کد:
    <div class="wikivbhead">ویـکــــی وی بـــی<br/>
    <span>مرجع تخصصی و رایگان ویبولتین در ایران</span></div>
    اسم و شعارتون هم جایگزین اسم و شعار ویکی وی بی بکنید .

    اسکرین شات از نتیجه کد ها ( برای مشاهده در سایز اصلی روی تصویر کلیک کنید ) :

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    پیروز باشید
    با سلام
    در اینجا

    کد:
    .wikivbhead{
    font: 80px b yekan;
    text-align: center;
    position: absolute;
    right: 50px;
    top: 30px;
    box-shadow: 0px 0px 30px black inset;
    border-radius: 40px;
    padding: 0px 30px;
    padding-bottom: 30px;
    border-bottom: 60px solid #009cff;
    color: #009cff;
    text-shadow: 1px 5px #424242;
    }
    .wikivbhead span{
    font: 35px B koodak;
    position: absolute;
    color: #fff;
    margin-top: 25;
    left: 0;
    right: 0;
    text-shadow: 1px 4px #424242 ;
    }
    دقیق تر بگم

    کد:
    .wikivbhead span{
    font: 35px B koodak;
    position: absolute;
    color: #fff;
    margin-top: 25;
    left: 0;
    right: 0;
    text-shadow: 1px 4px #424242 ;
    }
    کد:
    margin-top: 25;
    px رو جا انداختین
    که میشه
    کد:
    }
    .wikivbhead span{
    font: 30px B koodak;
    position: absolute;
    color: #fff;
     margin-top: 25px;
    left: 0;
    right: 0;
    text-shadow: 1px 4px #424242 ;
    }

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پاسخ: 0
    آخرين نوشته: 11-14-2012, 11:46 PM
  2. پاسخ: 0
    آخرين نوشته: 11-14-2012, 11:29 PM
  3. پاسخ: 0
    آخرين نوشته: 11-11-2012, 04:35 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی