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

الموضوع: اريد تعريض الصفحه فقط

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

    اريد تعريض الصفحه فقط



    السلام عليكم

    اخواني كيف اخلي الصفحه اعرض من ذلك بالتحكم في width





    ملف CSS
    كود:
    /*
    Design name: RS16
    Designed by: Roshan
    Email : c.pixels@gmail.com
    */
    
    * { padding:0; margin:0;
    }
    .clear {clear:both;}
    html {background:url(images/htmlbg.jpg) repeat;}
    body {
    display:block; 
    background:url(images/bodybg.jpg) center top no-repeat;
    height:100%; 
    font-family:Tahoma, "Times New Roman", Times, serif; 
    font-size:16px; 
    color:#49433A;}
    
    #wrap { 
    width:690px;  
    margin:auto; 
    padding-bottom:20px;}
    
    #sitename {
    padding:15px 5px 2px 5px; 
    font: normal 32px Tahoma, "Times New Roman", Times, serif; d
    isplay:block; 
    color:#000}
    
    #sitename a {
    	color: #000;
    }
    #sitename .smalltext {
    display:block; 
    font: normal normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif!important; 
    color:#000;}
    
    #content {
    width:645px; 
    float:left; 
    background:url(images/pagebg.jpg) repeat-y;}
    
    #content-top {
    background:url(images/pagebgtop.jpg) no-repeat; 
    height:8px; 
    display:block;}
    
    #content-bottom {
    background:url(images/pagebgbottom.jpg) no-repeat; 
    height:13px; 
    display:block;}
    #content-inner { padding:5px 13px 0 13px;}
    #main-nav { 
    padding-top:35px; 
    margin:0 0 0 -8px; 
    z-index:500; 
    float:left;   
    width:45px;}
    
    #main-nav ul {
    list-style:none; 
    display:block;}
    
    #main-nav li {
    margin:0; 
    padding:0; 
    line-height:0; 
    font-size:1px;}
    
    #main-nav li a {
    display:block; 
    float:left; 
    background:url(images/menunormal.png) no-repeat; 
    height:45px; 
    padding:26px 0 0 2px; 
    width:41px; 
    border:none!important;}
    
    #main-nav li a:hover, #main-nav li.active a {background:url(images/menuactive.png) no-repeat;}
    
    #main-nav #first .active a {background:url(images/firstactive.png) no-repeat;}
    #main-nav li img{
    border:none; 
    margin:0; 
    padding:0;}
    #main-nav li #first {background:url(images/firstnormal.png) no-repeat;}
    #main-nav li.active a#fist {background:url(images/firstactive.png) no-repeat!important;}
    
    #header {
    background:url(images/header.jpg) no-repeat; 
    height:213px;}
    
    
    
    
    #aboutme {padding:9px 19px 0 345px; }
    h1 {font:bold 22px Georgia, "Times New Roman", Times, serif;}
    h2 {font: normal 18px Tahoma, "Times New Roman", Times, serif; color:#000; display:block; margin-bottom:4px;}
    p {line-height:22px; font-family:Tahoma, "Times New Roman", Times, serif; font-size:9pt;}
    h1 a, h2 a, h3 a, h4 a {border:none!important; color:#000;}
    img {border:none;}
    
    
    /*.post a {border:none!important;}*/
    #aboutme h2 {color:#8e9056;}
    a, a:visited, a:active {
    color:#8e9056; 
    text-decoration:none; 
    border-bottom: dashed 1px #8e9056;}
    
    .post a:hover {
    color: #000; 
    border: none!important; 
    text-decoration: none;}
    #homepageposts {padding:10px 0  0;}
    
    #homepageposts .post {
    background:url(images/postbottombg.jpg) left bottom repeat-x; 
    padding:8px 8px 10px 8px; 
    font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; }
    
    #homepageposts .datebox {
    background:url(images/datebox.jpg) no-repeat; 
    width:42px; 
    padding:5px 4px 0 3px; 
    height:56px; float:right;}
    
    #homepageposts .postcontent { 
    float:left; 
    width:540px;}
    
    
    
    /*.data box*/
    .datebox .date {
    font:bold 28px "Trebuchet MS", Verdana, Helvetica, sans-serif; 
    color:#fff; 
    text-align:center; 
    display:block; 
    height:36px;}
    
    .datebox .month_year {
    font:12px "Trebuchet MS", Verdana, Helvetica, sans-serif; 
    color:#fff; 
    text-align:center; 
    display:block; 
    padding:2px 0 0 0;}
    
    
    /*.footer up*/
    
    #twitter {
    background: url(images/twitterbg.jpg) no-repeat; 
    height: 90px; 
    font-size:9pt}
    .tweet {padding:25px 109px 15px 70px;}
    
    
    
    /*.footer*/
    
    #pagebottom {font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
    .alignleft {float:left;}
    .alignright {float:right;}
    img.alignleft {margin-right:10px;}
    img.alignright {margin-left:10px;}






    الصور المرفقة الصور المرفقة  


  2. #2
    عضو جديد
    تاريخ التسجيل
    Jul 2008
    المشاركات
    22


    هلا اخوي عدل العرض في كلاس
    #wrap {
    width:690px;
    margin:auto;
    padding-bottom:20px;}

    بدال 690 حط العرض اللي تريده مع اخذ نسخه للملف تحسبا لظور اي اخطاء






  3. #3
    عضو نشيط
    تاريخ التسجيل
    Apr 2011
    المشاركات
    97


    يمكنك تحديد العرض الكامل للصفحة ويعمل في كل المتصفحات بالطريقة:
    width: 100%;
    حيث قم بالتحديد حسب النسبة المئوية وبذلك يدعم جميع الشاشات.






  4. #4
    عضو نشيط جدا
    تاريخ التسجيل
    Jan 2008
    المشاركات
    392


    اذا استخدمت االطريقة:
    width: 100%;

    لايتغير شي في عرض الصفحه وتكون الصفحه في محاذه لليسار

    رابط تحميل الصفحه للتجربه
    http://templaty.com/download-NDY3.html






  5. #5
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    196


    السلام عليكم
    تم التعديل حسب المطلوب وإعتماد العرض 960px وهو الشائع والأفضل، وتم تنسيق باقي خصائص القالب لتظهر بالشكل المطلوب بعد تعديل العرض.
    http://www.ziddu.com/download/15828867/rs16.zip.html





    التعديل الأخير تم بواسطة Blank ; 26-07-2011 الساعة 05:52 PM
    __________________
    Contact Me

  6. #6
    عضو نشيط جدا
    تاريخ التسجيل
    Jan 2008
    المشاركات
    392


    الله يعطيك العافيه اخوي Blank

    تاخرت في الرد بسبب انقطاع الانترنت










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

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

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