كيف احط حائط للصورة

اذهب الى الأسفل

كيف احط حائط للصورة

مُساهمة من طرف Ryten في الأحد 17 يونيو 2012 - 12:56

كيف احط حائط للصورة مثل ما هو موضح في الصورة

Ryten
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 2402
السُمعة : 0

http://pirates-revo.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف sasa designe في الأحد 17 يونيو 2012 - 13:10

تفضل كود روعة للبيانات الشخصية
يوضع في ورقة ال css
الكود:
/*Esh7ar global*/
.postdetails.poster-profile a img {
background-image: url(http://i72.servimg.com/u/f72/14/92/70/14/shanex12.png);
width: 110px;
height: 240px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}

.name{
background-image: url(http://i43.servimg.com/u/f43/17/33/28/88/i_back11.png);
-moz-border-radius:15px;
background-color: #f7f7f7;
border-left:10px solid #15A9E8;
border-right:10px solid #15A9E8;
-webkit-box-shadow: 4px 4px 10px #333;
-moz-box-shadow: 4px 4px 10px #333;
box-shadow:  4px 4px 10px #333;
copyright:virus;
font-size: 11px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}
.poster-profile{
background-image: url(http://i43.servimg.com/u/f43/17/33/28/88/i_back10.png);
-moz-border-radius:15px;
jro7 alzmn,jro7 alzmn;
background-color: #f7f7f7;
border-left:10px solid #15A9E8;
copyright:arabcodey;
border-right:10px solid #15A9E8;
-webkit-box-shadow: 4px 4px 10px #333;
-moz-box-shadow: 4px 4px 10px #333;
box-shadow:  4px 4px 10px #333;
font-size: 11px;
font-weight: bold;
display: block;
overflow: auto;
padding: 7px;
}

.postdetails.poster-profile img {
    -moz-transform: rotate(30deg);
    -moz-transition: all 2s ease 0s;
    background-color: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 5px 5px 5px 5px;
    copyright:vista-code;
    box-shadow: 3px 3px 3px #8A8A8A;
    margin: 1px 3px 3px 1px;
    opacity: 0.3;
    padding: 3px;
 
}
.postdetails.poster-profile img:hover {
    -moz-transform: scale(1.5);
    -moz-transition: all 2s ease 0s;
    copyright:vista-code;
    opacity: 1;
    position: relative;
}
/*(By:darsh(sasa disene*/
avatar
sasa designe



ذكر
عدد المساهمات : 45
معدل النشاط : 2323
السُمعة : 5

http://esh7arglobal.dk-one.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف sasa designe في الأحد 17 يونيو 2012 - 13:14

وهذا الكود لطلبك بس الكود الاول أجمل بكتيير

الكود:

/*-----mytet1-----*/
.postdetails.poster-profile a img {
background-image: url(http://i72.servimg.com/u/f72/14/92/70/14/shanex12.png);
width: 110px;
height: 240px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}
avatar
sasa designe



ذكر
عدد المساهمات : 45
معدل النشاط : 2323
السُمعة : 5

http://esh7arglobal.dk-one.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف Ryten في الأحد 17 يونيو 2012 - 13:32

اسف بس ممكن تقولي وينها اوراق الـcss

Ryten
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 2402
السُمعة : 0

http://pirates-revo.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف sasa designe في الأحد 17 يونيو 2012 - 13:46

لوحة الادارة
مظهر المنتدى
الصور والالوان
ورقة تصميم ال css

ثواني وأجبلهالك بالصور
avatar
sasa designe



ذكر
عدد المساهمات : 45
معدل النشاط : 2323
السُمعة : 5

http://esh7arglobal.dk-one.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف sasa designe في الأحد 17 يونيو 2012 - 13:54

الشرح بالصور



avatar
sasa designe



ذكر
عدد المساهمات : 45
معدل النشاط : 2323
السُمعة : 5

http://esh7arglobal.dk-one.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف Ryten في الأحد 17 يونيو 2012 - 14:01

اسف حطيته بس ما جاني شي

Ryten
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 2402
السُمعة : 0

http://pirates-revo.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف sasa designe في الأحد 17 يونيو 2012 - 14:03

ممكن رابط منتداك
avatar
sasa designe



ذكر
عدد المساهمات : 45
معدل النشاط : 2323
السُمعة : 5

http://esh7arglobal.dk-one.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف sasa designe في الأحد 17 يونيو 2012 - 14:12



هل ضغطت قدم ان لم تضغط قدم إضغط والكود هيشتغل
ودي تأكيد على إن الكود شغال 100 × 100

http://esh7arglobal.dk-one.com/t71-topic
و
http://7obelward.lovelyforum.net/t678-topic
avatar
sasa designe



ذكر
عدد المساهمات : 45
معدل النشاط : 2323
السُمعة : 5

http://esh7arglobal.dk-one.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كيف احط حائط للصورة

مُساهمة من طرف Ryten في الأحد 17 يونيو 2012 - 14:53


Ryten
 
 

ذكر
عدد المساهمات : 83
معدل النشاط : 2402
السُمعة : 0

http://pirates-revo.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى