الرئيسيةالأحداثالمنشوراتالبوابه 1س .و .جبحـثالأعضاءالمجموعاتالتسجيلصفحتنادخول

شاطر | 
 

 مجموعه أكوادcssهامه جدا

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
طه محمد
عضو ذهبي
عضو ذهبي
avatar

النوع : ذكر
الموقع http://soon.yoo7.com‏

مُساهمةموضوع: مجموعه أكوادcssهامه جدا   الجمعة 22 فبراير 2013, 8:41 pm

بدون تمبلات:احصل على واجهتك المسمة مثل vb
الكود‎
الكود:

الرمز:
body{
margin:0;
padding:0;
background:#F0F4F5 url(http://www.shababadrar.net/vb/images/web2/site_02.gif) repeat-x top;
{
.bodyline{
    background-color: #F0F4F5;
        border:1px solid #009cf5;
 border:0;
padding:0;
margin:0;
background:#F0F4F5 url(http://www.shababadrar.net/vb/images/web2/site_02.gif) repeat-x top;
{
‎طريقة تركيب
لوحة الادارة
مظهر المنتدى
الصور و الألوان
الوان
ورقة تصميم css
ثم انسخ الكود
ثم قدم
‏2
كود خلفية توضع تحت المنتدى
تفضل‎
الكود:

الرمز:
#page-footer {
background :#ffefe7 url(رابطالصورة التى تريدها );
{

‏3_
كود تغير خلفية تكبير وتصغير الصوره
في الموضوع وجعلها مثل vb..كود جميل ومميز

الكود يجعل الايطار العلوي للتصغير مثل منتديات لافيبي
طريقة تركيب الكود:
الكود يوضع بورقة الــــ css
لوحة
الادارة > مظهر المنتدي
> الوان > ورقة تصميم css

الكود:‏‎
الكود:

الرمز:
.renklibar {
color : #000000;
background :#E8EDF0 url(http://i45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;
border : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
{
.resize_process.resizebox {
display : none;
margin-left : 15px;
{
.resizebox div {
font-weight : normal;
font-style : normal;
margin : 0;
{
.resizebox.enlarged a.enlarge {
display : none;
{
.resizebox.enlarged a.resize {
display : inline-block;
{
.resizebox a.resize {
display : none;
{
.resizebox {
background :#FFF9BF url("http://i43.tinypic.com/af9egz.gif") no-repeat 7px 4px;
max-width : 100%;
line-height : 1.1em;
cursor : default;
font-weight : normal;
font-style : normal;
margin : 0;
text-align : center;
display : inline-block;
{
.resizebox.resize_border {
border : 1px solid #BDBDBD;
display : block;
{
.eklentiler {
color : #000000;
background :#ffffff;
border : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
{
‎ضع الماوس على الرقم '1' وإسحب

‏4_
كــود css وضع صــورة بجــانب نافـ بـار المنتدي .. بشكل مميز
هــــــــــااام الكود للنسخة : phpbb2
معاينة الكود
[ Code]
الرمز:
/*-----a7medvirus-----*/
td.gensmall a{
background: url(http://i21.servimg.com/u/f21/15/11/70/54/63066510.gif) no-repeat right;
padding:10px 37px 10px 10px;
a7medvirus;}
td.gensmall{
background: url(http://illiweb.com/bl/logo.png) no-repeat right;
padding:10px 60px 10px 10px;
a7medvirus;}
‎[/code]‎طريقة الوضع : -
الكود يوضع بورقة الــــ css
لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css

‏5_

كود يعمل على تصغير حجم الأكواد في المواضيع
مثال /
قبل اضافة الكود
بعد اضافة الكود
http://i41.servimg.com/u/f41/17/51/25/86/untitl11.png
تفضلوا الكود :
الرمز:‏‎
الكود:

/*www.pubarab.com*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }
/*by: aymen.z*/
‎طريقة الوضع :
لوحة الإدارة
مظهر المنتدى
الوان
ورقة التصميم css

بسم الله الرحمن الرحيم
كود بسيط جدا للتحكم في الصورة الشخصية لكل اعضاء المنتدي
الكود تقدر تحدد منه اعلي ارتفاع وعرض لكل صور الاعضاء
للنسخة الثانية | phpbb2
الفرق
الكود‎
الكود:

الرمز:
span.postdetails.poster-profile img {
    max-height: 100px;
    max-width: 200px;
{
‎شرح الكود
max-height: 100px
يمكن تغير الرقم مائة وهي تعني اقصي ارتفاع لصور الاعضاء
max-width: 200px]انتهي ‏‎[]‎منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://soon.yoo7.com
 
مجموعه أكوادcssهامه جدا
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
نظرات الامل :: ‎تطوير المنتديات‎‎‏‏ :: أكوادCCS-
انتقل الى: