منتديات الديسم
هذه النافذة تشير بأنك لم تسجل بعد في منتدانا
مالذي تنتظره ؟!!!
سيغيب كل من علاء و الزعيم عن المنتدى لما لايقل عن أسبوع لظروف عائلية فصبرا حتى عودتهم
المواضيع الأخيرة
➟ إختر لونك المفضل

[تم الحل] تعديل روابط النصية


استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

avatar
تشان
عضو جيد
البلد : dz
الجنس : انثى
المساهمات : 95

مُساهمةتشان في 12.06.18 10:31

السلام عليكم و رحمة الله و بركاته
ايوجد كود لتعديل روابط اسفل منتدى و جعل فيها روابط نصية
وشكرا


عدل سابقا من قبل تشان في 12.06.18 16:08 عدل 1 مرات
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3113
http://alla13.blogspot.com

مُساهمةalla13 في 12.06.18 14:12

هناك 3 طرق

  1. تعديل على تومبلايت قالب footer
  2. اضافة عنصر مستقل اسفل المنتدى 
  3.  من خلال لوحة التحكم عناصر اضافية --الروابط الشخصية اسفل الصفحات





توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
تشان
عضو جيد
البلد : dz
الجنس : انثى
المساهمات : 95

مُساهمةتشان في 12.06.18 14:55

الطريقة 3 لكن لا تظهر بشكل منظم
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3113
http://alla13.blogspot.com

مُساهمةalla13 في 12.06.18 14:59

..
ممكن تعطيني مثال لتنظيم الذي ترغبين فيه




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
الزعيم
نائب مدير
البلد : dz
الجنس : ذكر
المساهمات : 132

مُساهمةالزعيم في 12.06.18 15:29

جربي هذا القالب 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"
فإذا بدأت اللعــــــبــــة
فأنـــت تلعــــب بعـــداد عمرك!!




avatar
تشان
عضو جيد
البلد : dz
الجنس : انثى
المساهمات : 95

مُساهمةتشان في 12.06.18 15:48

لقد نجح لكن سبب مشكلة في الخط المنتدى اصبح لا يظهر
شكرا لك ^^
avatar
الزعيم
نائب مدير
البلد : dz
الجنس : ذكر
المساهمات : 132

مُساهمةالزعيم في 12.06.18 15:55

امسح القالب السابق وضع هذا بدله 
وسيعود الخط كما كان
الكود:
<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"
فإذا بدأت اللعــــــبــــة
فأنـــت تلعــــب بعـــداد عمرك!!




avatar
تشان
عضو جيد
البلد : dz
الجنس : انثى
المساهمات : 95

مُساهمةتشان في 12.06.18 16:01

تم بنجاح شكرا لك و جزالك الله كل خير
المثال - نتيجة
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3113
http://alla13.blogspot.com

مُساهمةalla13 في 12.06.18 16:04

اذ حل الموضوع فعلميه بتم الحل واضغط زر الشكر على رد الزعيم




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
الزعيم
نائب مدير
البلد : dz
الجنس : ذكر
المساهمات : 132

مُساهمةالزعيم في 12.06.18 16:27

تم الحل ينقل لقسم المواضيع المحلولة




توقيعالزعيم


انا لست لعبه مكتوب عليها
█║│█║▌││█║▌║▌║
"Made in China"
تلعب بـــهــا و ترمــيهـــا ... انــــا
█║│█║▌││█║▌║▌║
... ... ...©️  
"Made in ARBIC LAND"
فإذا بدأت اللعــــــبــــة
فأنـــت تلعــــب بعـــداد عمرك!!




استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

أفتح حسابا أو أدخل لحسابك

يتوجب عليك أن تكون عضوا لتترك ردا

إفتح حسابا في منتدانا

إنضم لأسرتنا لنشارك خبراتنا ومعارفنا مع بعض


قم بتسجيل

تسجيل الدخول

أتمتلك حسابا قم بتسجيل الدخول من هنا


أدخل

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى