عندي كود html بستايل ووردبريس
وكود ال cssكود 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>
النتيجة تطلع كذا مثل الصورة المرفقةكود 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; }
ابغى رمز القائمة يكون على اليمين مو على اليسار
وشكرا لكم مقدما
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة ff5006 
