صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 21

الموضوع: مساعده بسيطه بخصوص categories لتظهر بالووردبريس

  1. مساعده بسيطه بخصوص categories لتظهر بالووردبريس



    السلام عليكم ورحمة الله وبركاته..

    نزلت موضوع بمنتدى الدعم، لكن للأسف المنتدى تقريبا شبهه ميّت الله يعينهم الاخوان هناك.


    المهم هذا اقتباس من طلبي:
    السلام عليكم ورحمة الله وبركاته..

    من بعد اذنكم عندي مشكله بسيطه بخصوص اظهار الcategories
    شوفوا لوسمحتوا اللينك
    http://www.q8ieng.com

    الثيم اسمه monolit معدل بشكل كامل ليعمل على اضافه اسمها YAPB
    الثيم اساسا لايعرض الcategories انا عملت عليه جم تطوير
    ومن التطويرات اني بضيف الcategories
    والحمدلله ضفتها بنجاح

    لكن يبقى السؤال، ممكن طريقه لتضبيط شكل الcategories بحيث تظهر بشكل احسن من الشكل الحالي؟
    شوفوها شلون طالعه اقصى اليسار بشكل بشع

    ممكن احد يساعد وله جزيل الشكر؟

    ومن خلال التعبث بالكود الحمدلله وصلت نتيجه واظهرت الcategories لكن بصوره سيئه تحتاج لتعديل في الظهور لو تشوفونها صايره اقصى اليسار


    الحمدلله لقيت حل وضبطته

    هذا الكود تبع ملف الfooter.php اللي عدلت عليه

    كود:
    <?php
    /*
    Template Name: Footer
    */
    ?>
    <ul><li><div id="header-container" class="inside"><?php wp_list_categories('orderby=name&show_count=1') ?></div></li></ul>
    <br/><br/><br/>	</div> <!-- class="cf" -->
    	<div id="footer">
    		<?php print MONOLIT_CONTENT_FOOTER."\n" ?>
    		<br/><br/>
    		<div id="header-container" class="inside"><?php print wp_tag_cloud()."\n" ?></div>
    	</div> <!-- id="footer" -->
    </div> <!-- class="whitebg"-->
    </body>
    </html>
    
    <?php
    	if ( $_SESSION['monolit:info'] ) session_unregister('monolit:info');
    ?>
    شكرا..

    طبعا عنوان مدونتي:
    http://www.q8ieng.com

    جزيل الشكر للي يساعد او اللي ما يساعد او حتى للزوار :nice:





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter


  2. #2
    عضو فعال
    تاريخ التسجيل
    Feb 2008
    المشاركات
    1,230


    طيب ممكن تنسخ لنا ملف الـ Css خصوصاً كلاس ( inside ) و ( header-container )





    التعديل الأخير تم بواسطة Wleed.Com ; 14-11-2009 الساعة 11:27 PM
    __________________
    وليد خالد - Waleed's MIND



  3. طيب ممكن تنسخ لنا ملف الـ Css خصوصاً كلاس ( inside )
    تفضل الملف كامل وشكرا

    كود:
    /*
    Theme Name: monolit
    Theme URI: http://blog.jasen.dk/monolit
    Description: <p>A photoblog theme based on <a href="http://www.wordpress.org/">Wordpress</a> and <a href="http://johannes.jarolim.com/yapb/">YAPB</a></p><p>This theme depends on the <a href="http://johannes.jarolim.com/yapb/">Yet Another Photoblog</a> plugin.</p><p>It is based on the default wordpress theme but has also borrowed stuff from the <a href="http://mac.defx.de/grain-theme">grain</a> theme, and the <a href="http://www.226-design.com/monochrome/">monochrome</a> blog with permission from the authors.</p><p><b>DON'T ENABLE EXIF IN THIS VERSION</b></p>
    Version: 0.7
    Author: Kim N&oslash;rgaard
    Author URI: http://www.jasen.dk/
    .
    **IMPORTANT**
    Configuring the theme:
    
    If you wan to enable archives:
      - Create an 'archives' page through Manage/Pages. Remember the title and be
        sure to select the 'Arcives' template under "Page Template".
      - in the config/config.php file
        => change the value of MONOLIT_SET_ARCHIVE_WP_TITLE to the title of the page
           you just created
        => change the value of MONOLIT_SET_SHOW_ABOUT to 1
    
    If you want to enable an about page:
      - Create an 'about' page through Manage/Pages. Remember the title.
      - in the config/config.php file:
        => change the value of MONOLIT_SET_ABOUT_WP_TITLE to the title of the page
           you just created
        => change the value of MONOLIT_SET_SHOW_ARCHIVES to 1
    
    Changing the copyright notice and other settings
      - Copyright: Change the MONOLIT_SET_COPYRIGHT to whatever you want the
        copyright notice to say.
      - Change other configuration values in the file if needed. They are pretty
        much self-explanatory.
    
    About sizes:
      The theme automatically resizes images to a max width of 900 pixels and a
      max height that is customizable through the MONOLIT_SET_MAX_HEIGHT value
      (default is 600 pixels). If you want wider images the layout will break 
      unless you change the stylesheet (look for the 'inside' class).
    
    About language and messages:
      Language and messages can be configured through the lang/lang.php file. It
      might take some skill to figure out which message goes where :-)
    
    Todo:
      - a smarter way to control the configuration, ie. via admin page
    .
    */
    
    body {
    	margin: 0px; 
    	font-family: Arial, sans;
    	font-size: 12px;
    	line-height:16px;
    	color: #222;
    	background-color: #f5f5f5;
    	}
    
    /* CONTAINERS */
    .inside {
    	width:900px;
    	margin:0px auto 0px auto;
    	}
    
    .whitebg { background-color: #fff; }
    
    .content {
    	border-top: 1px dashed #ccc;
    	margin-top: 0px;
    	padding-top: 1em;
    	padding-bottom: 1em;
    	background-color: #f5f5f5;
    	}
    
    /* LINKS */
    a {
    	color: #000;
    	text-decoration: none;
    	border-bottom: 1px dashed #000;
    	}
    
    a img { border: 0; }
    
    a:hover {
    	color:#fff;
    	text-decoration:none;
    	background-color: #999;
    	}
    
    /* BASIC ELEMENTS */
    p {
    	width: 600px;
    	color: #555;
    	margin: 2px 0 10px 2em;
    	}
    
    h2 {
    	font-size: 1.5em;
    	font-weight: normal;
    	}
    
    h3 {
    	font-size: 1.2em;
    	font-weight: normal;
    	margin-bottom: 0.5em;
    	}
    
    /* ARCHIVES */
    .archives {
    	display: block;
    	margin-left: 10px;
    }
    
    .archive-post {
    	display: inline;
    	line-height: 30px;
    	}
    
    .archive-photo {
    	margin: 10px;
    	margin-left: 0px;
    	display: inline;
    	}
    
    .archive-photo a {
    	border: 0;
    	text-decoration: none;
    }
    
    .archive-photo a:hover {
    	background-color: #f5f5f5;
    	}
    
    .archive-thumb {
    	border: 1px solid black;
    	}
    
    .archive-thumb:hover {
    	border: 1px solid red;
    	}
    
    .archive-navigate-container {
    	position: relative;
    	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    	text-transform:uppercase;
    	font-size:10px;
    	letter-spacing:2px;
    	padding-bottom: 12px;
    	}
    
    /* HEADER AND NAVIGATION */
    #header-container {
    	position: relative;
    	height: 40px;
    }
    
    #header-headline {
    	position: absolute;
    	left: 0;
    	bottom: 5px;
    	width: 50%;
    	font-size: 1.8em;
    	letter-spacing:2px;
    }
    
    #header-navigation {
    	position: absolute;
    	right: 0;
    	bottom: 1px;
    	width: 50%;
    	text-align: right;
    	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    	text-transform:uppercase;
    	font-size:10px;
    	letter-spacing:1px;
    }
    
    #header-navigation a {
    	border-bottom: none;
    }
    
    /* FOOTER */
    #footer {
    	border-top: 1px dashed #ccc;
    	color: #888;
    	background-color: #f5f5f5;
    	text-align: center;
    	padding-top: .5em;
    	padding-bottom: .5em;
    	}
    
    
    /* IMAGE NAVIGATION */
    #image-navigate-container {
    	position: relative;
    	height: 30px;
    	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    	text-transform:uppercase;
    	font-size:10px;
    	letter-spacing:2px;
    	margin-top: 12px;
    	}
    
    #image-navigate-container a {
    	border-bottom: none;
    }
    
    .image-navigate-left {
    	position: absolute;
    	left: 0;
    	width: 33%;
    	z-index: 2;
    	}
    
    .image-navigate-center {
    	position: absolute;
    	width: 100%;
    	left: 0;
    	right: 0;
    	margin-left: auto;
    	margin-right: auto;
    	text-align: center;
    	z-index: 1;
    	}
    
    .image-navigate-right {
    	position: absolute;
    	right: 0;
    	width: 33%;
    	text-align: right;
    	z-index: 2;
    	}
    
    /* IMAGES */
    #image {
    	text-align: center;
    	}
    
    img.photo {
    	border: 0;
    }
    
    /* BULLETS */
    .bullet ul {
    	margin-top: 0;
    }
    .bullet li {
    	list-style-type: square;	
    }	
    
    /* --- Float Hack --- */
    .cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
    /* Hides from IE-mac \*/
    html .cf {height: 1%;}
    /* End hide from IE-mac */
    اللي ابيه فقط اظهر الcategories بشكل لائق، وبعدها راح ادمج الid="footer" من الاستايل مع التعديل اللي راح تسوونه عشان يطلع شكله تقريبا نفس الfooter بين خطين منقطين وبخلفيه رصاصيه





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter

  4. #4
    عضو فعال
    تاريخ التسجيل
    Feb 2008
    المشاركات
    1,230


    اجتهاد مني وانا مبتدئ في الـ css هي المشكلة في وسم <li>

    أضيف في الـ Css هذا /
    كود:
    .no {
        display:block;
    }
    وعدل الـ الفوتر كـ /
    كود:
    <ul><li class="no"><div id="header-container" class="inside"><?php wp_list_categories('orderby=name&show_count=1') ?></div></li></ul>
    <br/><br/><br/>    </div> <!-- class="cf" -->
    عدل إذا ظبطة تمام ما ظبطتش وش نسوي





    __________________
    وليد خالد - Waleed's MIND



  5. عدلت على اللي قلت عليه..

    شوف الحين جرب اكسبلورر وفايرفوكس او قوقل كروم

    سامحنا تعبناك >.<

    على ما اعتقد ماضبط





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter

  6. #6
    عضو فعال
    تاريخ التسجيل
    Feb 2008
    المشاركات
    1,230


    عدلت على اللي قلت عليه..

    شوف الحين جرب اكسبلورر وفايرفوكس او قوقل كروم

    سامحنا تعبناك >.<

    على ما اعتقد ماضبط
    بالعكس عندي اختفت النقطة على الفايرفوكس جرب تحدث ctrl + F5
    والإكسبلور كمان لكن صار في خلل بالمحاذاة وشكله من أول هذي يبغالها تعديل بس ما أعرفله





    __________________
    وليد خالد - Waleed's MIND



  7. بالعكس عندي اختفت النقطة على الفايرفوكس جرب تحدث ctrl + F5
    والإكسبلور كمان لكن صار في خلل بالمحاذاة وشكله من أول هذي يبغالها تعديل بس ما أعرفله
    بالضبط مثل ماقلت توني جيكت تمام جدا بالكروم
    لكن بالاكسبلورر مشكله :\


    ماكو حل؟

    ومشكور يالغالي





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter

  8. #8
    عضو فعال
    تاريخ التسجيل
    Feb 2008
    المشاركات
    1,230


    بالضبط مثل ماقلت توني جيكت تمام جدا بالكروم
    لكن بالاكسبلورر مشكله :\


    ماكو حل؟

    ومشكور يالغالي
    لها حل أكيد , لكن خبرتي ماهي ذاك الزود في التصحيح لجهل الإكسبلور خصوصاً إني مو أنا اللي كاتب الـ css لكن بحاول فيها ونرد لك





    __________________
    وليد خالد - Waleed's MIND

  9. #9
    عضو فعال
    تاريخ التسجيل
    Feb 2008
    المشاركات
    1,230


    جرب تعدل الـ

    كود:
    .inside {
        width:900px;
        margin:0 auto;
        }
    لأن دايمن الـ margin والـ padding يسبب مشاكل مع العكسبلور





    __________________
    وليد خالد - Waleed's MIND



  10. جرب تعدل الـ

    كود:
    .inside {
        width:900px;
        margin:0 auto;
        }
    لأن دايمن الـ margin والـ padding يسبب مشاكل مع العكسبلور
    مافاد





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter



  11. طورت id يديد بال CSS خاص لعرض ال categories سميته Cat

    هذا شكل الكود اللي يعرض الcategories

    <div id="Cat" class="cf"><?php wp_list_categories('orderby=name&show_count=1') ?><br/><br/></div>
    وهذا شكل كود ال CSS تبع الCat

    #Cat {
    border-top: 1px dashed #ccc;
    color: #888;
    background-color: #f5f5f5;
    position: relative;
    margin:0 auto;
    padding-top: .5em;
    padding-bottom: .5em;
    }
    النتيجه ان اصبح متوافق مع حتى الاكسبلورر.. :nice:

    باقي شي واحد! شلون ارد الcategories بحيث انها تطلع بالمكان بنفس محاذاة ال post او الموضوع اللي فوقها!





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter

  12. #12
    عضو فعال
    تاريخ التسجيل
    Feb 2008
    المشاركات
    1,230


    إي والله بالعكس حاسه على الفايرفوكس :funny: عاد اعذرني تراني يدوب يدوب في Css





    __________________
    وليد خالد - Waleed's MIND



  13. إي والله بالعكس حاسه على الفايرفوكس :funny: عاد اعذرني تراني يدوب يدوب في Css
    لا عادي ياخوي كفيت ووفيت وماقصرت ^^

    حتى انا نص ونص بال CSS والحمدلله سويت بالخربشه

    بس باقي اني ارد محاذاة الcategories بحيث انها تطلع بنفس محاذاة الpost اللي فوقها

    ان شاء الله احد يساعد :shy:





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter



  14. محد عنده معلومه؟





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter

  15. #15
    عضو شرف
    تاريخ التسجيل
    Mar 2003
    المشاركات
    1,899


    جرب كذه

    كود:
    #Cat {
    border-top: 1px dashed #ccc;
    color: #888;
    background-color: #f5f5f5;
    position: relative;
    margin:0 auto;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 30px;
    }






    __________________
    محلل لنظم المعلومات - ارسل لي رساله خاصه عبر المنتدى | join me on facebook / twitter
    php | flash&flex&air actionscript 2,3 | ajax&javascript | database pro Analyzer





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

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

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