المواضيع الأخيرة
- توصيات الاسهم السعودية عبر الجوالdoaausef3li
- ما هي مواصفات الاسهم الحلال الأمريكيةarincin
- شركة أديس القابضةarincin
- لماذا تحتاج إلى افضل شركات التداول الموثوقةarincin
- أهمية هوامير البورصةarincin
- كيفية التداول بالاعتماد على الدعم والمقاومةarincin
- طريقة الاستعلام عن الأسهم القديمةarincin
- أنواع صناديق الاستثمار في السعوديةarincin
- هل تختلف شرعية الاسهم حسب البلد؟arincin
- حكم التداول في شركة شمسarincin
➟ إختر لونك المفضل
[تم الحل] تعديل روابط النصية
- زائرزائر
السلام عليكم و رحمة الله و بركاته
ايوجد كود لتعديل روابط اسفل منتدى و جعل فيها روابط نصية
وشكرا
ايوجد كود لتعديل روابط اسفل منتدى و جعل فيها روابط نصية
وشكرا
عدل سابقا من قبل تشان في 12.06.18 16:08 عدل 1 مرات
هناك 3 طرق
- تعديل على تومبلايت قالب footer
- اضافة عنصر مستقل اسفل المنتدى
- من خلال لوحة التحكم عناصر اضافية --الروابط الشخصية اسفل الصفحات
توقيعalla13 |
صفـحتنا على الفايسبوك قناتنا على اليوتيوب |
- زائرزائر
الطريقة 3 لكن لا تظهر بشكل منظم
..
ممكن تعطيني مثال لتنظيم الذي ترغبين فيه
توقيعalla13 |
صفـحتنا على الفايسبوك قناتنا على اليوتيوب |
- الزعيمنائب مدير
- البلد :
الجنس :
المساهمات : 132
جربي هذا القالب overall_footer_end
اذهبي اسفل المنتدى وشاهدي المثالhttp://chou3la.yoo7.com
- الكود:
footer>
<div class="right lists">
<ul class="list1">
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
</ul>
<ul class="list1">
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
</ul>
<ul class="list1">
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
</ul>
</div>
<div class="logo" alt="{L_INDEX}" title="{L_INDEX}"></div>
<div class="social">
<ul>
<a href="https://www.fb.com" target="_blank" title="صفحتنا على فيس بوك"><li id="fb"></li></a>
<a href="https://www.twitter.com/" target="_blank" title="صفحتنا على تويتر"><li id="tw"></li></a>
<a href="https://www.youtube.com/" target="_blank" title="قناتنا على يوتيوب"><li id="yt"></li></a>
<a href="http://alla-omar.yoo7.com" target="_blank" title="موقعنا"><li id="web"></li></a>
</ul>
</div>
</footer>
<div class="foot">
<h5>تصميم وتطوير </h5><a href="http://alla-omr.yoo7.com" alt="تصميم وتطوير عاصم فور يو - بؤرة التطوير" title="تصميم وتطوير عاصم فور يو - بؤرة التطوير"><span class="copy"></span></a>
<p>جميع الحقوق محفوظة لـ{L_INDEX}</p>
</div>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Droid Arabic Kufi;
}
.right{
float:right;
}
.left{
float:left;
}
footer{
width:100%;
height:330px;
padding:50px;
position:relative;
}
.logo{
width:202px;
height:64px;
position:absolute;
left:50px;
}
.lists ul{
list-style:none;
}
.list1 {
float:right;
margin-left:30px;
}
.list1 li{
display:block;
padding:10px 30px;
background-color:#6d4c4f;
margin-bottom:10px;
transition:all ease-in-out 0.3s;
-webkit-transition:all ease-in-out 0.3s;
}
.list1 li:hover{
padding:10px 40px;
}
ul.list1 a {
color: #fff;
}
.list1 a{
text-decoration:none;
color:#fff;
}
.social{
margin: 90px 0 0 30px;
display: inline-block;
float: left;
position: relative;
top: -30px;
}
.social li{
display:inline-block;
float:left;
transition:all .2s ease-in-out;
-webkit-transition:all ease-in-out 0.2s;
}
#web{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:0px 0px;
}
#web:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:0px -33px;
}
#yt{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-98px 0px;
}
#yt:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-98px -33px;
}
#tw{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-195px 0px;
}
#tw:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-195px -33px;
}
#fb{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-226px 0px;
}
#fb:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-226px -33px;
}
.foot{
height:50px;
padding:0 70px;
position:relative;
}
.foot p{
text-align:right;
color:#fff;
font-size:14pt;
line-height:0px;
position: absolute;
top: 25px;
right: 70px;
}
.foot h5{
display:inline-block;
margin-left:10px;
color:#fff;
line-height:50px;
float:left;
}
.copy{
background-image: url(https://i.imgur.com/c9YfuHe.png);
width: 65px;
height: 65px;
float: left;
left: -200px;
position: relative;
}
</style>
توقيعالزعيم |
انا لست لعبه مكتوب عليها █║│█║▌││█║▌║▌║ "Made in China" تلعب بـــهــا و ترمــيهـــا ... انــــا █║│█║▌││█║▌║▌║ ... ... ... "Made in ARBIC LAND" فإذا بدأت اللعــــــبــــة فأنـــت تلعــــب بعـــداد عمرك!! |
- زائرزائر
لقد نجح لكن سبب مشكلة في الخط المنتدى اصبح لا يظهر
شكرا لك ^^
شكرا لك ^^
- الزعيمنائب مدير
- البلد :
الجنس :
المساهمات : 132
امسح القالب السابق وضع هذا بدله
وسيعود الخط كما كان
- الكود:
<footer>
<div class="right lists">
<ul class="list1">
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
</ul>
<ul class="list1">
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
</ul>
<ul class="list1">
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
<li><a href="#" alt="رابط نصي" title="رابط نصي">رابط نصي</a></li>
</ul>
</div>
<div class="logo" alt="{L_INDEX}" title="{L_INDEX}"></div>
<div class="social">
<ul>
<a href="https://www.fb.com" target="_blank" title="صفحتنا على فيس بوك"><li id="fb"></li></a>
<a href="https://www.twitter.com/" target="_blank" title="صفحتنا على تويتر"><li id="tw"></li></a>
<a href="https://www.youtube.com/" target="_blank" title="قناتنا على يوتيوب"><li id="yt"></li></a>
<a href="http://alla-omar.yoo7.com" target="_blank" title="موقعنا"><li id="web"></li></a>
</ul>
</div>
</footer>
<div class="foot">
<h5>تصميم وتطوير </h5><a href="http://alla-omr.yoo7.com" alt="تصميم وتطوير عاصم فور يو - بؤرة التطوير" title="تصميم وتطوير عاصم فور يو - بؤرة التطوير"><span class="copy"></span></a>
<p>جميع الحقوق محفوظة لـ{L_INDEX}</p>
</div>
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
.right{
float:right;
}
.left{
float:left;
}
footer{
width:100%;
height:330px;
padding:50px;
position:relative;
}
.logo{
width:202px;
height:64px;
position:absolute;
left:50px;
}
.lists ul{
list-style:none;
}
.list1 {
float:right;
margin-left:30px;
}
.list1 li{
display:block;
padding:10px 30px;
background-color:#6d4c4f;
margin-bottom:10px;
transition:all ease-in-out 0.3s;
-webkit-transition:all ease-in-out 0.3s;
}
.list1 li:hover{
padding:10px 40px;
}
ul.list1 a {
color: #fff;
}
.list1 a{
text-decoration:none;
color:#fff;
}
.social{
margin: 90px 0 0 30px;
display: inline-block;
float: left;
position: relative;
top: -30px;
}
.social li{
display:inline-block;
float:left;
transition:all .2s ease-in-out;
-webkit-transition:all ease-in-out 0.2s;
}
#web{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:0px 0px;
}
#web:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:0px -33px;
}
#yt{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-98px 0px;
}
#yt:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-98px -33px;
}
#tw{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-195px 0px;
}
#tw:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-195px -33px;
}
#fb{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-226px 0px;
}
#fb:hover{
width:33px;
height:33px;
background-image:url('http://i35.servimg.com/u/f35/19/45/12/26/social10.png');
background-position:-226px -33px;
}
.foot{
height:50px;
padding:0 70px;
position:relative;
}
.foot p{
text-align:right;
color:#fff;
font-size:14pt;
line-height:0px;
position: absolute;
top: 25px;
right: 70px;
}
.foot h5{
display:inline-block;
margin-left:10px;
color:#fff;
line-height:50px;
float:left;
}
.copy{
background-image: url(https://i.imgur.com/c9YfuHe.png);
width: 65px;
height: 65px;
float: left;
left: -200px;
position: relative;
}
</style>
توقيعالزعيم |
انا لست لعبه مكتوب عليها █║│█║▌││█║▌║▌║ "Made in China" تلعب بـــهــا و ترمــيهـــا ... انــــا █║│█║▌││█║▌║▌║ ... ... ... "Made in ARBIC LAND" فإذا بدأت اللعــــــبــــة فأنـــت تلعــــب بعـــداد عمرك!! |
- زائرزائر
تم بنجاح شكرا لك و جزالك الله كل خير
المثال - نتيجة
المثال - نتيجة
اذ حل الموضوع فعلميه بتم الحل واضغط زر الشكر على رد الزعيم
توقيعalla13 |
صفـحتنا على الفايسبوك قناتنا على اليوتيوب |
- الزعيمنائب مدير
- البلد :
الجنس :
المساهمات : 132
تم الحل ينقل لقسم المواضيع المحلولة
توقيعالزعيم |
انا لست لعبه مكتوب عليها █║│█║▌││█║▌║▌║ "Made in China" تلعب بـــهــا و ترمــيهـــا ... انــــا █║│█║▌││█║▌║▌║ ... ... ... "Made in ARBIC LAND" فإذا بدأت اللعــــــبــــة فأنـــت تلعــــب بعـــداد عمرك!! |
مواضيع مماثلة
أفتح حسابا أو أدخل لحسابك
يتوجب عليك أن تكون عضوا لتترك ردا
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى