آموزش قرار دادن تبلیغات به سبک ال جی ایران اختصاصی وی بی ایران
امتیاز:

با سلام
اینبار با آموزش گذاشتن تبلیغات در خدمت شما هستیم + قابلیت باز و بسته شدن
اما بریم سراغ آموزش
در جستجوی استایل ها و قالب عبارت footer رو جستجو کنید
عبارت زیر رو پیدا کنید
کد:<div id="footer" class="floatcontainer footer">بعد از این کد کد زیر رو قرار بدید
البته این رو هم عرض کنم این کد فرقی نداره در فوتر باشه یا هر جا میتونید در ناوبار هم بزارید یا هر جایی دوسداشتیدکد:<div class="ads_meddu"> <span id="hide">بسته</span> <span id="show">باز</span> <div class="header_ads">تبلیغات تجاری در ال جی ایران <a href="/">( تعرفه تبلیغات )</a></div> <div class="adsbody"> <a href="/"><img src="http://lg-developers.ir/up/do.php?img=342" title="رزرو تبلیغات" height="60" width="468"></a><a href="/"><img src="http://lg-developers.ir/up/do.php?img=342" title="رزرو تبلیغات" height="60" width="468"></a> <a href="/"><img src="http://lg-developers.ir/up/do.php?img=343" title="رزرو تبلیغات" height="120" width="936"></a> </div> </div>
حالا در جستجوی استایل ها و قالب headinclude_bottom رو سرچ کنید و به آخرش این رو اضافه کنید
حالا به Additional.css برید و کد زیر رو آخرش اضافه کنیدکد:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#hide").click(function(){ $(".adsbody").hide(600); }); $("#show").click(function(){ $(".adsbody").show(400); }); }); </script>
اسکرین شات :کد:.ads_meddu { margin: 1.2em 0px 1.5em; border: 1px solid #DCDCDC; border-radius: 5px; color: #575757; background: none repeat scroll 0% 0% #FCFCFC; } .header_ads:before { content: "\f024"; font-family: FontAwesome; font-size: 1.2666em; margin-left: 0.42em; position: relative; display: inline-block; top: 0.105em; } .header_ads{ font-size: 0.9375rem; padding: 0.46666em 1.13333em 0.666666em; border-bottom: 1px solid #DCDCDC; } .adsbody { text-align: center; margin: 0.8em 2px; } #hide{ background: none repeat scroll 0% 0% #FFF; color: #5A5554; border-right: 3px solid #C3C3C3; float: left; padding-right: 5px; padding-left: 5px; margin-top: 12px; margin-left: 25px; cursor: pointer; border: 2px solid #8A8A8A; border-radius: 2px !important; } #show{ background: none repeat scroll 0% 0% #FFF; color: #5A5554; border-right: 3px solid #C3C3C3; float: left; padding-right: 15px; padding-left: 10px; margin-top: 12px; margin-left: 10px; cursor: pointer; border: 2px solid #8A8A8A; border-radius: 2px !important; }
دموی آنلاین:
انجمن تخصصی ال جی ایران
به زودی با آموزش های بیشتر![]()
ویرایش توسط DARKSKIES : 2014/11/18 در ساعت 04:22 PM
علاقه مندی ها (Bookmarks)