طلب عاجـــــل

ارجو من اخواني الخبراء والتقنيين ان يرشدوني الى الحل
والمشكل عندكم هنا بالصورة

اسطر متقاربة ولون البيانات الشخصية لا يتناغم مع لون المنتدى
http://www.alrakrak.com/t2792-topic
وشكرا جزيلا

وضعت اكواد قبل حدوث هذه المشكلة

وهو كود تأطير الصور اليس كذالك احزفيه وانظرى هل ماذالت المشكلة قائمة وارجعى وارينا ماذا حدث

هل لك اخي عنقش ان تمدني بالكود لانني لا اتذكره
وشكرا جزيلا لك

انسخى كل اكواد الcssواحفظيها فى جهازك عن طريق النوت باد
وبعد ذالك ارجعى الاكواد واحد واحد وفى كل مرة اعملى معاينة على المنتدى لكى تعرفى الكود المسبب للمشكلة احزفيه وضعى باقى الاكواد

اهلا اخي المشكله الاولى انت وضعت كود لتحريك الصور
احذفه سوف تنحل المشكله اما الثانيه لتقارب الكلمات
تفضل
حل مشكلة الأسطر متقاربة بالمساهمااات >> كود

ياسلام عليك اخي العراقي
الله يحفظك ويحفظ اللعراق وشعب العراق
لك معزتي التي لن تبور
ولكن ماذا بشان البيانات
اقصد لونها المتباين مع لون المنتدى
لك شكري وتقديري وخالص امتناني

تسلم يا اخويه امنياتنا للجميع والامه العربيه الاسلاميه

اخي هل تقد الصور متحركه يعني عندما تضع الماوس عليها ترجع لمكانها الطبيعي؟؟

نعم اخي كلما وضعت الماوس على الصورة
انظبطت

مشكور ع الشرح

اها كان في كود هنا بالدعم لكن لا اجده الان ابحث عنه واخبرك بان تعطيني كل الاكواد بتاعك عشان امسح الكود
بتوفيق

shbabmomn2 كتب:مشكور ع الشرح

لاداعي للردود العشوائيه

أتقصد اكواد التومبيلات ام اكواد CSS

لا اخي
css
لكن لا اعرف اينه؟

اعتذر منك اخي العراقي على التاخير
وهذه اكواد CSS
لك شكري المسبق


.postbody{
font-size: 17px;
text-align: center;
font-weight: bold;
line-height: 2.0em;
}postbody{
font-size: 30px;
text-align: center;
font-weight: bold;
line-height: 2.0em;
}
.mainmenu img {
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.9;
margin: 0 10px 5px 0;
}
.mainmenu img:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1); box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
-moz-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
opacity: 1;
}
.profield{

width:100%;

max-width:145px;

max-height:30px;

margin-top:5px;

margin:auto;

padding:2px;

border:1px dotted #FDD017;

background:#fff;

background: url(http://www.galele.com/vb/alfatek_3_2011/images/a2.gif) no-repeat left top;

}


http://www.galele.com/vb/alfatek_3_2011/images/a2.gif
.profield{

width:100%;

max-width:145px;

max-height:30px;

margin-top:5px;

margin:auto;

padding:2px;

border:1px dotted ffff20;;

background:ffff20;;

background: url(http://www.galele.com/vb/alfatek_3_2011/images/a1.gif) no-repeat left top;

}

/*-----mytet1-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(http://www.galele.com/vb/alfatek_3_2011/images/a1.gif);
border:1px solid ffff20;
border-top-width:1px;
height:5px
}
/*-----mytet1-----*/
.poster-profile{
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
background-image:url(http://www.galele.com/vb/alfatek_3_2011/images/a1.gif);
border:1px dotted #FDD017;
border-bottom:medium solid #1B507A;
border-top:medium solid ffff20;
display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
/*-----mytet1-----*/
.postdetails.poster-profile a img {
background-image: url(http://www.galele.com/vb/alfatek_3_2011/images/a1.gif);
width: 110px;
height: 240px;
background-position: center center;
background-repeat: no-repeat;
padding: 20px;
}

/*----- اضافة التأثيرات على الصور-Ayman4u -----*/

.post img {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate( 2deg);
-moz-transform: rotate( 2deg);
}

.post img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
}
/*----- اضافة التأثيرات على الصور-Ayman4u -----*/


/*------------------------------الوان البيانات ------------------------------*/
.poster-profile, .midotop{
color: Blue;
font: 20px/20px Baskerville, Palatino, "Palatino Linotype",
"Book Antiqua", Georgia, serif;
margin: 0;
text-shadow: #EDE275 8px 5px 5px;
}
/*------------------------------Ahmed M!Do ------------------------------*/



/*----------Lord-Adoain & AsEsInO------*/

.secondarytitle, .secondarytitle h2 {
background-image: url("https://2img.net/h/i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png");
background-position: center center;
background-repeat: no-repeat;
color: #C7A317;
font-size: 14px;
margin: 0;
padding: 0;
font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif;
}

th {
background-image: url("https://2img.net/h/i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png");
background-position: center center;
background-repeat: no-repeat;
color: #FFFFCC;
font-size: 14px;
text-align: center;
white-space: nowrap;
font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif;
}

/*----------AsEsInO & Lord-Adoain------*/
.quote {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 25px;
-webkit-border-bottom-rightright-radius: 25px;
border-top: 1px solid #FFFFCC;;
border-right: 2px solid #FFFFCC;
border-bottom: 3px solid #FFFFCC;
border-left: 5px solid #FFFFCC;
background-color: #FFFFCC;
-webkit-box-shadow: 4px 4px 10px #333;
-moz-box-shadow: 4px 4px 10px #333;
box-shadow: 4px 4px 10px #333;
}


.quote {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 25px;
-webkit-border-bottom-rightright-radius: 25px;
border-top: 1px solid #FFFFCC;
border-right: 2px solid#FFFFCC;
border-bottom: 3px solid #FFFFCC;
border-left: 5px solid #FFFFCC;
background-color: #FFFFCC;
-webkit-box-shadow: 4px 4px 10px#FFFFCC;
-moz-box-shadow: 4px 4px 10px #FFFFCC;
box-shadow: 4px 4px 10px #FFFFCC;
}

form#quick_reply textarea#text_editor_textarea {
width:
780px;
height: 100%; }

form#quick_reply
iframe#text_editor_iframe {
width: 780px;
}

* html
form#quick_reply iframe#text_editor_iframe {
width: 780px;
}

*+html
form#quick_reply iframe#text_editor_iframe {
width: 780px;
}

-------- [كود css] لوضع خلفيه لاسم المنتدى بشكل روعه من تصميمى ------------------- */
h1 {
color: red;
font: 27px/27px Baskerville, Palatino, "Palatino Linotype",
"Book Antiqua", Georgia, serif;
margin: 0;
text-shadow: #FFCC33 5px 5px 5px;
}
/* --------ِAhmed M!Do------------------- */



.
.mainmenu:active {
border-top-color: #1b435e;
background: #1b435e;
}

.vote {
float: right;
width: 9px;
margin-right: 4px;
}

.vote .ebneleslam {

margin-right:-12px;
white-space:nowrap;
}


.postdetails.poster-profile a img:hover
{


border-width: thick;
border-style: dotted;
border-color: gold;
}




.row1
{
background-image:
url("http://www.galele.com/vb/alfatek_3_2011/images/a2.gif");
}
.row2
{
background-image:

url("http://www.galele.com/vb/alfatek_3_2011/images/a2.gif");
}
.row3
{
background-image:

url("http://www.galele.com/vb/alfatek_3_2011/images/a2.gif");
}

.signature_div {
color: #17a0d9;
text-align: center;
font-size: 35px;
font-weight: bold;
font-family:
Trebuchet MS;

}

/* كود التحكم بحجم المواضيع والمشاركات */
.postbody{
font-size: 30px;

font-weight: bold;
font-family:
Traditional Arabic;
}




/*** كود إطار منحني الحواف حول جميع جداول المنتدى ***/
th {
height:30px;
border: 8px double c02000;
-moz-border-radius:17px;
}
.forumline,
.row1, .row2, .row3 {
border: 5px double c02000;
-moz-border-radius:30px;
}
/*** Ahmed Mido ***/





.bodyline{
background-image: url("http://www.galele.com/vb/alfatek_3_2011/images/a2.gif");
}




a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #d4d4d2; }
a:hover{text-transform:uppercase;}


.bodyline{
background-image: url("http://www.galele.com/vb/alfatek_3_2011/images/a2.gif");
}


form#quick_reply textarea#text_editor_textarea {
width:
780px;
height: 100%; }

form#quick_reply
iframe#text_editor_iframe {
width: 780px;
}

* html
form#quick_reply iframe#text_editor_iframe {
width: 780px;
}

*+html
form#quick_reply iframe#text_editor_iframe {
width: 780px;
}


tr.post td {

text-align: center;

}




div.topictitle:hover
{
color:#FF0000;
}

div.topictitle
{
color:#FF0000;
font-size: 30px;
}





a.nav {
background : url(http://www.galele.com/vb/alfatek_3_2011/images/a2.gif) no-repeat right;
padding-top : 1px;
padding-right : 42px;
padding-left : 1px;
padding-bottom : 4px;
font-size : 11px;
float : right;
}


.signature_div {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:2px solid #00000;
background-image : url(http://www.galele.com/vb/alfatek_3_2011/images/a2.gif);
}


.signature_div {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:2px solid #00000;
background-color:Firebrick3;
}



font-weight: bold;
font-family:
Trebuchet MS;

}


.ahmed
{

background: #eeeeee;
color: #5a5a5a;
padding:3px 6px;
font-size:10px;
background:url(http://www.galele.com/vb/alfatek_3_2011/images/a2.gif);
}
.tfoot a:link, .tfoot_alink
{

color: #707070;
font-size:10px;
}
.tfoot a:visited, .tfoot_avisited
{

color: #707070;
font-size:10px;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{

font-size:10px;
color: #4f4f4f;
}
::-moz-selection {
background-color:red;
color:#FFF;
}






/* -------- [كود css] لوضع خلفيه لاسم المنتدى بشكل روعه من تصميمى ------------------- */
h1 {
color: red;
font: 27px/27px Baskerville, Palatino, "Palatino Linotype",
"Book Antiqua", Georgia, serif;
margin: 0;
text-shadow: #C715DB 5px 5px 5px;
}
/* --------ِAhmed M!Do------------------- */




.sharing-cl{
overflow:hidden;
margin:-20px
0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl

a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://www.galele.com/vb/alfatek_3_2011/images/a2.gif)

no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px

-40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0

-40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px

-40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px

1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px

1px;}
.sh-digg:hover{background-position:-240px 1px;}
a.sh-face:hover{
background-position:-350px

1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text

a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}------------------- */signature_div {
color: #17a0d9;
text-align: center;
font-size: 16px;
font-weight: bold;
font-family:
Trebuchet MS;





/* ------------------------------------------
1-Box
------------------------------------------ */
.box{
width:600px;
margin:0 auto;
background-color:#FFF;
}

/* ------------------------------------------
2-Box Header
------------------------------------------ */
.box-header{
background:url(خلفية ممتدة في الاعلى) repeat-x top;
height:61px;
}
.box-header-right{
background:url(صورة اعلى اليمين) no-repeat top right;
height:61px;
width:203px;
float:right;
}
.box-header-left{
background:url(صورة اعلى اليسار) no-repeat top left;
height:61px;
width:46px;
float:left;
}

/* ------------------------------------------
3-Box Body
------------------------------------------ */
.box-body{
background-color:#FFF;
text-align:justify;

}
.box-body-right{
background:transparent url(خلفية ممتدة يمين) repeat-y right;
}
.box-body-left{
background:transparent url(خلفية ممتدة يسار) repeat-y left;
padding:20px;
}

/* ------------------------------------------
4-Box Footer
------------------------------------------ */
.box-footer{
background:url(خلفية ممتدة بالاسفل) repeat-x bottom;

height:49px;
}
.box-footer-right{
background:url(صورة اسفل اليمين) no-repeat bottom right;
height:49px;
width:49px;
float:right;
}
.box-footer-left{
background:url(صورة اسفل يسار) no-repeat bottom left;
height:49px;
width:49px;
float:left;
}#profile-advanced-details {
background-image:url('https://i.servimg.com/u/f62/15/52/93/00/100111.png');

اخي هذا الكود فقط امسحه ويتم حل المشكله

الكود:


/*----- اضافة التأثيرات على الصور-Ayman4u  -----*/

    .post img {-webkit-transition:  -webkit-transform .15s linear;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    padding: 5px 5px 5px 5px;
    -webkit-transform:  rotate( 2deg);
    -moz-transform: rotate( 2deg);
    }

    .post img:hover {
    -webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
    -webkit-transform:  rotate(-1deg);
    -moz-transform: rotate(-1deg);
    }
/*----- اضافة التأثيرات على الصور-Ayman4u  -----*/