النتائج 1 إلى 5 من 5

الموضوع: تعريب ul و li

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Feb 2008
    المشاركات
    555

    تعريب ul و li



    عندي كود html بستايل ووردبريس

    كود HTML:
    <div class="newsItem">
    	<div class="formse">
    		<form method="get" id="searchform" action="http://localhost/wordpress/">
    			<label for="s">Search</label>
    			<input type="text" value="" name="s" id="s" />
    			<input type="submit" id="searchsubmit" value="Search" />
    		</form>
    	</div>
    <ul>
    
      		<li id="recent-posts-7" class="widget widget_recent_entries">		<h3>أحدث التدوينات</h3>		<ul>
    				<li><a href="http://localhost/wordpress/?p=1" title="Hello world!">Hello world!</a></li>
    				</ul>
    		</li><li id="recent-comments-3" class="widget widget_recent_comments"><h3>أحدث التعليقات</h3><ul id="recentcomments"><li class="recentcomments"><a href='http://ar-wp.com/' rel='external nofollow' class='url'>Mr WordPress</a> على <a href="http://localhost/wordpress/?p=1#comment-1">Hello world!</a></li></ul></li> </ul>
    </div>
    وكود ال css

    كود HTML:
    #news{float:right; width:260px; padding:0 0 0 10px;margin:0; line-height:140%; text-align:justify; } 
    .newsItem{padding:0px; font-size:90%; margin:0px;} 
    .newsItem ul{ margin: 0px; padding: 0; line-height: 1.5em;float:right;  } 
    .newsItem li{ padding:0px;margin:0px; font: normal 11px verdana, "Trebuchet MS", "Lucida Grande", Georgia, Sans-Serif;list-style:none;float:right;} 
    .newsItem h3{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 1px solid #444;padding: 5px 10px 5px 3px;color: #777;text-align:right} 
    .newsItem h2{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 2px solid #CDD8E1;background-color: #E4E8EB;padding: 5px 10px 5px 10px;color: #1F4785;text-align:right;} 
    .newsItem ul ul{list-style-type:none;margin:10px 0px 15px 10px;float:right;} 
    .newsItem ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/icon.gif) no-repeat 0px 7px;padding:0px 15px 0px 20px;float:left;} 
    .newsItem ul ul li a{color:#ff0033;text-align:right;} 
    .newsItem ul ul ul{list-style-type:none;margin:0px 0px 0px 5px;float:right;} 
    .newsItem ul ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/li-img.jpg) no-repeat 0px 7px;padding:0px 0px 0px 20px;float:right;} 
    .newsItem ul ul ul li a{color:#666;text-align:right} 
    .newsItem h1{color:#225799; margin:0 0 10px 0; padding:0; font-size:110%; font-weight:bold; } 
    النتيجة تطلع كذا مثل الصورة المرفقة


    ابغى رمز القائمة يكون على اليمين مو على اليسار

    وشكرا لكم مقدما





    الصور المرفقة الصور المرفقة  
    __________________
    مدونتي قريبا

    بيع ar-ci.com


  2. #2
    عضو فعال
    تاريخ التسجيل
    Aug 2007
    المشاركات
    1,431


    السلام عليكم
    جرّب :-

    كود HTML:
    #news{float:right; width:260px; padding:0 0 0 10px;margin:0; line-height:140%; text-align:justify; } 
    .newsItem{padding:0px; font-size:90%; margin:0px;} 
    .newsItem ul{ margin: 0px; padding: 0; line-height: 1.5em;float:right;  } 
    .newsItem li{ padding:0px;margin:0px; font: normal 11px verdana, "Trebuchet MS", "Lucida Grande", Georgia, Sans-Serif;list-style:none;float:right;} 
    .newsItem h3{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 1px solid #444;padding: 5px 10px 5px 3px;color: #777;text-align:right} 
    .newsItem h2{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 2px solid #CDD8E1;background-color: #E4E8EB;padding: 5px 10px 5px 10px;color: #1F4785;text-align:right;} 
    .newsItem ul ul{list-style-type:none;margin:10px 0px 15px 10px;float:right;} 
    .newsItem ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/icon.gif) no-repeat right 7px;padding:0px 15px 0px 20px;float:left;} 
    .newsItem ul ul li a{color:#ff0033;text-align:right;} 
    .newsItem ul ul ul{list-style-type:none;margin:0px 0px 0px 5px;float:right;} 
    .newsItem ul ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/li-img.jpg) no-repeat right 7px;padding:0px 0px 0px 20px;float:right;} 
    .newsItem ul ul ul li a{color:#666;text-align:right} 
    .newsItem h1{color:#225799; margin:0 0 10px 0; padding:0; font-size:110%; font-weight:bold; } 







  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Feb 2008
    المشاركات
    555


    السلام عليكم
    جرّب :-

    كود HTML:
    #news{float:right; width:260px; padding:0 0 0 10px;margin:0; line-height:140%; text-align:justify; } 
    .newsItem{padding:0px; font-size:90%; margin:0px;} 
    .newsItem ul{ margin: 0px; padding: 0; line-height: 1.5em;float:right;  } 
    .newsItem li{ padding:0px;margin:0px; font: normal 11px verdana, "Trebuchet MS", "Lucida Grande", Georgia, Sans-Serif;list-style:none;float:right;} 
    .newsItem h3{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 1px solid #444;padding: 5px 10px 5px 3px;color: #777;text-align:right} 
    .newsItem h2{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 2px solid #CDD8E1;background-color: #E4E8EB;padding: 5px 10px 5px 10px;color: #1F4785;text-align:right;} 
    .newsItem ul ul{list-style-type:none;margin:10px 0px 15px 10px;float:right;} 
    .newsItem ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/icon.gif) no-repeat right 7px;padding:0px 15px 0px 20px;float:left;} 
    .newsItem ul ul li a{color:#ff0033;text-align:right;} 
    .newsItem ul ul ul{list-style-type:none;margin:0px 0px 0px 5px;float:right;} 
    .newsItem ul ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/li-img.jpg) no-repeat right 7px;padding:0px 0px 0px 20px;float:right;} 
    .newsItem ul ul ul li a{color:#666;text-align:right} 
    .newsItem h1{color:#225799; margin:0 0 10px 0; padding:0; font-size:110%; font-weight:bold; } 

    جربت هذا واشتغل معي
    كود HTML:
    #news{float:right; width:260px; padding:0 0 0 10px;margin:0; line-height:140%; text-align:justify; } 
    .newsItem{padding:0px; font-size:90%; margin:0px;} 
    .newsItem ul{ margin: 0px; padding: 0; line-height: 1.5em;float:right;  } 
    .newsItem li{ padding:0px;margin:0px; font: normal 11px verdana, "Trebuchet MS", "Lucida Grande", Georgia, Sans-Serif;list-style:none;float:right;} 
    .newsItem h3{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 1px solid #444;padding: 5px 10px 5px 3px;color: #777;text-align:right} 
    .newsItem h2{ font-size: 13px; margin:0px 0 0 0; display: block;border: none;border-bottom: 2px solid #CDD8E1;background-color: #E4E8EB;padding: 5px 10px 5px 10px;color: #1F4785;text-align:right;} 
    .newsItem ul ul{list-style-type:none;margin:10px 0px 15px 10px;float:right;} 
    .newsItem ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/icon.gif) no-repeat right 7px;padding:0px 20px 0px 0px;float:right;} 
    .newsItem ul ul li a{color:#ff0033;text-align:right;} 
    .newsItem ul ul ul{list-style-type:none;margin:0px 0px 0px 5px;float:right;} 
    .newsItem ul ul ul li{list-style-type:none;line-height: 1.8em;background:url(images/li-img.jpg) no-repeat right 7px 0px;padding:20px 0px 0px 0px;float:right;} 
    .newsItem ul ul ul li a{color:#666;text-align:right} 
    .newsItem h1{color:#225799; margin:0 0 10px 0; padding:0; font-size:110%; font-weight:bold; } 
     
    طلب اخر يوجد ايقونتين بالمرفقات هل يمكن لاحد قلب السهم الى الجهة الاخرى

    وشكرا لكم مقدما





    الصور المرفقة الصور المرفقة   
    __________________
    مدونتي قريبا

    بيع ar-ci.com

  4. #4


    السلام عليكم

    تفضل اخي الكريم





    الصور المرفقة الصور المرفقة   
    __________________
    نادي مدعوم التطويري
    مدعوم لخدمات الويب
    ConTacT Me
    Ahmed {@} mad3om.net

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Feb 2008
    المشاركات
    555


    السلام عليكم

    تفضل اخي الكريم

    شكرا لك





    __________________
    مدونتي قريبا

    بيع ar-ci.com





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض