زیبا سازی قالب جوملا

[hamid80 10]

باسلام و عرض تبریک به مناسبت ولادت امام علی ع

من قصد انتشار یک قالب برای این روز خاص دارم دوتا مشکل برخورد کردم و از دوستان در این رابطه کمک می خواهم که بعد از رفع این دو مشکل به صورت بسته نصبی ارعه ش کنم

یک من امدم برای main یک کد نوشتم ولی متاسفانه نمایش داده نمیشه در همه قسمتهای کد رنگی که تعریف کردم

#main { 
 width:980px;
 height:auto ;
 margin:0 auto;
       background:none repeat scroll 0 0 #FFFFFF !important;
 background-repeat:repeat;
 border-radius:5px; 

} 

و دو امدم یک باکس شدو ویزه برای قسمت contenet نوشتم اونم نمایش داده نمیشه

#contents {
background:none repeat scroll 0 0 #FFFFFF;
 width:500px;
 height:auto;
 margin:0 auto;
 border-radius:1px;  
 float:left;
 margin-left:5px;
 overflow:hidden;
      padding-left:2.3px;



   border-radius: 5px 5px 5px 5px;


   /*overflow: hidden;*/

   position: relative;


}
#contents:before {
   transform: skew(0deg, 4deg);
   -moz-transform: skew(0deg, 4deg);
   -webkit-transform: skew(0deg, 4deg);
   box-shadow: 5px 5px 5px #000000;
   -moz-box-shadow: 5px 5px 5px #000000;
   -webkit-box-shadow: 5px 5px 5px #000000;
   background-color: black;
   bottom: 0px;
   content: "";
   height: auto;
   position: absolute;
   right: 9px;
   width: 477px;
   z-index: -1;
}

#contents:after {
   transform: skew(0deg,-4deg);
   -moz-transform: skew(0deg,-4deg);
   -webkit-transform: skew(0deg,-4deg);
   box-shadow: -5px 5px 5px #000000;
   -moz-box-shadow: -5px 5px 5px #000000;
   -webkit-box-shadow: -5px 5px 5px #000000;
   background-color: black;
   bottom: 0;
   position: absolute;
   content: "";
   width: 477px;
   height: auto;
   left: 9px;
   z-index: -1;
} 
#contents .blog-featured {
 margin-top:-15px;
} 

ممنون می شوم این دوتا مشکلو برطرف کنید تا بشه یک طرح قابل قبول برایاین روز اراعه شود

[amirhacker 26]

از روی عکس معلومه کار خوبی شده

منتظر هستیم

[hamid80 10]

از بابت نظرتان ممنون ببخشید دیشب یادم رفت دمو قرار بدم اگر این دوتا مشکل بر طرف بشه همین امروز برای عموم منتشرش می کنم

ویرایش شده در خرداد 92 توسط hamid80

[mmfallah 67]

برای main این کد را قرا بدید.

#main {
   background-color: #FFFFFF;
   border-radius: 5px 5px 5px 5px;
   height: auto;
   margin: 0 auto;
   width: 980px;
}

[hamid80 10]

مرسی متاسفانه تغییری نکرد از کدی هم که شما داده بودین استفاده کردم ولی فایده نداشت . من می ایم تو کد main در height تغییر می دم مثلا عددش را می کنم 2000 مشکل main برطرف میشه و لی box shadow که برای قسمت left&right در نظر گرفتم نمایش داده نمیشه من فکر کنم این مشکل به علت تداخل box shadow چپ و راست با main باشه حالا چه طور می شه از هر دو استفاده کرد ؟

ویرایش شده در خرداد 92 توسط hamid80

[mmfallah 67]

من احساس می کنم توی دایو بندی هاتون مشکل دارید.

کدی که بهتون دادم برای main بک گروند میندازه ولی کلا مین به صورت اتومات ارتفاع نمی گیره.

دایوبندی هاتون را یک بررسی کنید

[hamid80 10]

نمی دانم شاید همین مشکلی که شما می گین باشه ولی یکی باید دقیق تر بررسیش کنه کسی که تسلط کامل داشته باشه نصبت به کد ها برای همین از مدیران انجمن کمک و راهنمایی می خواهم که به وب سایت یک سر بزنند و کدها ر ا نگاه کنند و در صورت امکان مشکلو بر طرف کنند با تشکر از شما

[ابوالفضل طالبی 280]

فایل index.php قالب خودتون رو که div رو داخلش تعریف کردید باز کنید

قبل از بسته شدن div مربوط به main یک clear قرار بدید به شکل زیر

[center]<div style="clear:both"></div>
[/center]

[hamid80 10]

ممنون به بینید این کدی که شما دادین مشکلو main بر طرف کرد ولی یک مشکل دیگه به وجود اورد که کلیه box shadow که در نظر گرفتم ناپدید می شه هم برای قسمت buser و هم برای قسمت right &left