لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
+14
The Godfather
Dafinshi
Marvel
Avast
khaked22
DarkWeb
SLGray
same7
تامر معاز
نايبل الازهر
TheStar
DryToHell
Nano
BJO
18 مشترك
- BJOلمسة حرة
- الدولة :
المساهمات : 1603
نقاط : 2575
العمر : 23
الموقع : عرب واي
لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الثلاثاء نوفمبر 06, 2018 10:01 am
لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى . لوحة اعلانات نصية
السلام عليكم ورحمة الله وبركاته
اقدم لكم لوحة اعلانات احترافية تشبة لوحة اعلانات الدعم ﻻحلى منتدى
خصائص اللوحة الاعلانية
روابط نصية وخفيفة التصفح وتعتمد على ايقونات مسطحة
صورة للوحة
https://i.servimg.com/u/f86/18/92/67/94/m8igla10.jpg
الكود
توضع بالتشكيلات العامة
- الكود:
[center]<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" /><style>[/center]
[center].module, .panel {[/center]
[center] -moz-border-bottom-colors: none;[/center]
[center] -moz-border-left-colors: none;[/center]
[center] -moz-border-right-colors: none;[/center]
[center] -moz-border-top-colors: none;[/center]
[center] background: rgb(250, 250, 250) none repeat scroll 0 0;[/center]
[center] border-color: rgb(221, 221, 221);[/center]
[center] border-image: none;[/center]
[center] border-radius: 3px;[/center]
[center] border-style: solid;[/center]
[center] border-width: 1px 1px 2px;[/center]
[center]}[/center]
[center].panel {[/center]
[center] background-color: rgb(232, 232, 232);[/center]
[center] color: rgb(85, 85, 85);[/center]
[center] margin-bottom: 4px;[/center]
[center] padding: 0 10px;[/center]
[center]}[/center]
[center] .panel div.mes-txt, .panel p {[/center]
[center] font-size: 1.2em;[/center]
[center] line-height: 1.4em;[/center]
[center] margin-bottom: 1em;[/center]
[center]}[/center]
[center].cards .card.yellow-card {[/center]
[center] background-color: rgb(230, 173, 29);[/center]
[center] border-radius: 10px;[/center]
[center] border-bottom: 3px solid rgb(199, 150, 22);[/center]
[center] margin-left: 1.5%;[/center]
[center] text-shadow: 0 0 1px rgb(199, 150, 22);[/center]
[center]}[/center]
[center].cards .card {[/center]
[center] box-sizing: border-box;[/center]
[center] color: rgb(255, 255, 255);[/center]
[center] float: right;[/center]
[center] font-family: sans-serif;[/center]
[center] font-size: 22px;[/center]
[center] margin-top: 10px;[/center]
[center] padding: 20px 30px;[/center]
[center] width: 31%;[/center]
[center]}[/center]
[center] .cards .fa {[/center]
[center] font-size: 37px;[/center]
[center] margin-right: 15px;[/center]
[center] vertical-align: middle;[/center]
[center]}[/center]
[center] .cards .card.red-card {[/center]
[center] background-color: rgb(229, 71, 50);[/center]
[center] border-radius: 10px;[/center]
[center] border-bottom: 3px solid rgb(198, 47, 26);[/center]
[center] margin-left: 1.5%;[/center]
[center] text-shadow: 0 0 1px rgb(198, 47, 26);[/center]
[center] width: 32%;[/center]
[center]}[/center]
[center] .cards .card.green-card {[/center]
[center] background-color: rgb(113, 190, 71);[/center]
[center] border-radius: 10px;[/center]
[center] border-bottom: 3px solid rgb(96, 165, 58);[/center]
[center] margin-left: 1.5%;[/center]
[center] text-shadow: 0 0 1px rgb(96, 165, 58);[/center]
[center] width: 32.5%;[/center]
[center]}[/center]
[center] .main-left {[/center]
[center] float: left;[/center]
[center] width: 31%;[/center]
[center]}[/center]
[center].main-left, .main-right {[/center]
[center] border: 10px solid #037CD0;[/center]
[center] border-radius: 10px;[/center]
[center] box-sizing: border-box;[/center]
[center] font-family: sans-serif;[/center]
[center] font-size: 14px;[/center]
[center] line-height: 25px;[/center]
[center] margin: 20px 0 0;[/center]
[center] min-height: 179px;[/center]
[center]}[/center]
[center] .main-left > h2 {[/center]
[center] background-color: #037CD0;[/center]
[center] color: rgb(255, 255, 255) !important;[/center]
[center] font-family: sans-serif;[/center]
[center] font-size: 18px;[/center]
[center] margin: 0;[/center]
[center] padding: 0 14px 8px;[/center]
[center]}[/center]
[center] ul.fa-ul {[/center]
[center] margin-left: 0;[/center]
[center] padding-left: 30px !important;[/center]
[center]}[/center]
[center].main-left ul {[/center]
[center] padding: 10px;[/center]
[center]}[/center]
[center].fa-ul {[/center]
[center] list-style-type: none;[/center]
[center] margin-left: 2.14286em;[/center]
[center] padding-left: 0;[/center]
[center]}[/center]
[center] .main-left li:nth-child(2n+1) {[/center]
[center] background-color: rgb(246, 246, 246);[/center]
[center]}[/center]
[center].fa-ul > li {[/center]
[center] position: relative;[/center]
[center]}[/center]
[center].main-left li {[/center]
[center] display: block;[/center]
[center]}[/center]
[center] .fa-li {[/center]
[center] right: -2.14286em;[/center]
[center] position: absolute;[/center]
[center] text-align: center;[/center]
[center] top: 0.142857em;[/center]
[center] width: 2.14286em;[/center]
[center]}[/center]
[center] .main-right {[/center]
[center] float: right;[/center]
[center] width: 66%;[/center]
[center]}[/center]
[center] .main-left, .main-right {[/center]
[center] font-family: sans-serif;[/center]
[center] font-size: 14px;[/center]
[center] line-height: 25px;[/center]
[center]}[/center]
[center]/* INFO NEWS */[/center]
[center].faNewsRow { background:#F0F6F8; border-radius:3px; margin:3px 0; padding:5px 10px; }[/center]
[center].faNewsRow a { font-weight:bold; color: #037CD0; }[/center]
[center].faNewsRow a:hover {color: #E54732; }[/center]
[center].faNewsDate { font-size:11px; font-style:italic; background:url(http://2img.net/i/fa/subsilver/icon_miniposted.gif) no-repeat 100% center; padding-right:18px; float:left; }[/center]
[center][/center]
[center]</style> [/center]
[center]<div class="panel introduction">[/center]
[center] <div class="inner">[/center]
[center] <span class="corners-top"><span></span></span>[/center]
[center] <div class="mes-txt">[/center]
[center] <div class="cards"><a href="#" class="card yellow-card"> <em class="fa fa-life-ring"> </em> اقسام التطوير </a> <a href="#" class="card red-card"> <em class="fa fa-bullhorn"></em> اعلانات الادارية </a> <a href="/f5-discussions-generales" class="card green-card"> <em class="fa fa-comments"></em> اهم المواضيع </a> [/center]
[center] <div class="clear">[/center]
[center] [/center]
[center] </div>[/center]
[center] </div>[/center]
[center] <div class="maininformations">[/center]
[center] [/center]
[center] <div class="main-left">[/center]
[center] [/center]
[center] <h2>[/center]
[center] روابط مفيدة [/center]
[center] </h2>[/center]
[center] [/center]
[center] <ul class="fa-ul">[/center]
[center] [/center]
[center] <li>[/center]
[center] <em class="fa-li fa fa-file-text-o"> </em> <a href="#">القسم الاول</a> [/center]
[center] </li>[/center]
[center] [/center]
[center] <li>[/center]
[center] <em class="fa-li fa fa-search"> </em> <a href="/search">البحث عن مواضيع</a> [/center]
[center] </li>[/center]
[center] [/center]
[center] <li>[/center]
[center] <em class="fa-li fa fa-info-circle"> </em> <a href="#">القسم الثاني</a> [/center]
[center] </li>[/center]
[center] [/center]
[center] <li>[/center]
[center] <em class="fa-li fa fa-users"> </em> <a href="#">الانضمام للفريق</a> [/center]
[center] </li>[/center]
[center] [/center]
[center] </ul>[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] <div class="mes-txt">[/center]
[center] [/center]
[center] <div id="homepageMessage">[/center]
[center] [/center]
[center] <div id="faInfoNav">[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] <div class="main-right">[/center]
[center] [/center]
[center] <div style="display: block;" class="infoBlock" id="faInfoAnn">[/center]
[center] عندما تقوم ادارة المنتدى بوضع تحديثات خاصة بالمنتدى سوف تجد آخر ثلاث مواضيع هنــا. [/center]
[center] <div id="faNewsBox">[/center]
[center] [/center]
[center] <div class="faNewsRow">[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] <div class="faNewsRow">[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] <div class="faNewsRow">[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] <div style="display:none" id="faNewsRSS">[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] </div>[/center]
[center] [/center]
[center] </div>[/center]
[center] </div>[/center]
[center] <script type="text/javascript">// <![CDATA[[/center]
[center](function(J, U, L) {[/center]
[center] var main = document.getElementById('main-content'), // main container[/center]
[center] [/center]
[center] // news nodes and data[/center]
[center] news = document.getElementById('faNewsBox'),[/center]
[center] newsTopics = news.getElementsByTagName('DIV'),[/center]
[center] storage = window.localStorage,[/center]
[center] rss = document.getElementById('faNewsRSS'),[/center]
[center] [/center]
[center] // info box[/center]
[center] infoLinks = document.getElementById('faInfoNav').getElementsByTagName('A'),[/center]
[center] [/center]
[center] // profile variables[/center]
[center] profil,[/center]
[center] login;[/center]
[center] [/center]
[center] // get news topics[/center]
[center] if (storage && storage.faNewsTopics && storage.faNewsTopicsExp > +new Date - 1*60*60*1000) news.innerHTML = storage.faNewsTopics;[/center]
[center] else {[/center]
[center] J(rss).load('/feed/?f=2 item', function() {[/center]
[center] for (var i = 0, item = rss.childNodes, j = newsTopics.length, t; i < j; i++) {[/center]
[center] t = J('title', item[i])[0].innerHTML;[/center]
[center] newsTopics[i].innerHTML = '<a href="' + J('guid', item[i])[0].innerHTML + '" title="' + t + '">' + ( t.length > 69 ? t.slice(0, 69) + '...' : t ) + '</a> <span class="faNewsDate">' + J('pubDate', item[i])[0].innerHTML.replace(/.*?, (\d+ \w+).*/, function (M, S1) { return S1.charAt(0) == '0' ? S1.slice(1) : S1 }) + '</span>';[/center]
[center] }[/center]
[center] if (storage) {[/center]
[center] storage.faNewsTopics = news.innerHTML;[/center]
[center] storage.faNewsTopicsExp = +new Date;[/center]
[center] }[/center]
[center] });[/center]
[center] }[/center]
[center] [/center]
[center] // par omarpop[/center]
[center]})(jQuery, _userdata, _lang);[/center]
[center]//]]></script> [/center]
[center]</div>[/center]
[center]
التعديلات
يجب عند تركيب الكود التعديل علي
- الكود:
/feed/?f=2
صورة للتوضيح
دمتم بخير .. .
- Nanoعضو جديد
المساهمات : 33
نقاط : 58
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الثلاثاء نوفمبر 06, 2018 8:30 pm
شكرا لك علي الموضوع القيم
- DryToHellلمسة حرة مبتدئ
- الدولة :
المساهمات : 125
نقاط : 204
العمر : 24
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الجمعة نوفمبر 09, 2018 10:39 am
موضوع مميز جدا شكرا لك
- TheStarلمسة حرة مبتدئ
- الدولة :
المساهمات : 149
نقاط : 153
العمر : 21
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الجمعة نوفمبر 09, 2018 2:15 pm
شكرا علي الموضوع القيم والمميز
- نايبل الازهرلمسة حرة مبتدئ
- الدولة :
المساهمات : 236
نقاط : 236
العمر : 24
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الخميس ديسمبر 13, 2018 2:48 pm
مشكوووووور علي الكود المميز
- تامر معازلمسة حرة مبتدئ
- الدولة :
المساهمات : 150
نقاط : 150
العمر : 25
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الخميس ديسمبر 13, 2018 5:56 pm
شكرا علي الموضوع القيم والمميز
- same7لمسة حرة مبتدئ
- الدولة :
المساهمات : 210
نقاط : 210
العمر : 25
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الجمعة ديسمبر 14, 2018 8:21 am
مشكور علي الموضوع القيم والمميز
- SLGrayلمسة حرة مبتدئ
- الدولة :
المساهمات : 294
نقاط : 347
العمر : 22
الموقع : عرب واي
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الجمعة ديسمبر 14, 2018 3:04 pm
سلمت يداك علي الموضوع المميز
- DarkWebلمسة حرة مبتدئ
- الدولة :
المساهمات : 125
نقاط : 127
العمر : 25
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الجمعة ديسمبر 14, 2018 6:42 pm
مشكور علي الموضوع القيم وسلمت يمناك
- TheStarلمسة حرة مبتدئ
- الدولة :
المساهمات : 149
نقاط : 153
العمر : 21
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الأربعاء ديسمبر 26, 2018 8:50 am
سلمت يداك علي الموضوع المميز
- khaked22لمسة حرة
- الدولة :
المساهمات : 653
نقاط : 651
العمر : 24
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الأربعاء ديسمبر 26, 2018 2:38 pm
- Avastلمسة حرة مبتدئ
- الدولة :
المساهمات : 206
نقاط : 206
العمر : 24
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الإثنين ديسمبر 31, 2018 5:21 pm
مشكوووووور علي الكود المميز
- Marvelعضو جديد
- الدولة :
المساهمات : 33
نقاط : 33
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الثلاثاء يناير 01, 2019 9:55 am
سلمت يداك علي الموضوع المميز
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الأحد يناير 06, 2019 4:48 pm
سلمت يداك علي الموضوع المميز
- The Godfatherلمسة حرة
- الدولة :
المساهمات : 400
نقاط : 412
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الإثنين يناير 07, 2019 8:23 pm
بصراحه انت تمتلك ذوق راقي في جـلب ماهو مميّز وجميل
- khaked22لمسة حرة
- الدولة :
المساهمات : 653
نقاط : 651
العمر : 24
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الجمعة يناير 18, 2019 1:57 pm
شكرا علي الموضوع
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الأربعاء يناير 23, 2019 8:38 am
روووووعه
يعطيك العافيه ولا حرمنا جديدك
دمتم بخير
يعطيك العافيه ولا حرمنا جديدك
دمتم بخير
- Generalلمسة حرة مبتدئ
- الدولة :
المساهمات : 176
نقاط : 176
العمر : 21
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الأربعاء يناير 30, 2019 2:18 pm
thx
- كلبشلمسة حرة مبتدئ
- الدولة :
المساهمات : 80
نقاط : 82
العمر : 32
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الأربعاء فبراير 06, 2019 8:10 pm
شكر لكم
رد: لوحة اعلانات تشبة منتدى الدعم لاحلى منتدى 2018
الخميس أغسطس 20, 2020 9:21 am
شكرا على الموضوع الرائع
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى