تغییر کد به این شکل؟؟!!

[topmihan 141]

سلام دوستان
تصویر زبر رو ببینید
 

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

<div class="uk-width-medium-1-2">
<div class="uk-panel uk-panel-box"><img class="uk-align-right uk-margin-bottom-remove" src="images/yootheme/icons_club.png" border="0" alt="Club Icons" width="200" height="280" />
<h2 class="uk-margin-top-remove">Club Icons</h2>
<ul class="uk-list uk-list-space">
<li>Pixel perfect design</li>
<li>8 PNG sizes from 16 to 512 pixels</li>
<li>Optimized for each size</li>
<li>Scalable vector sources</li>
<li>Easy to customize</li>
</ul>
</div>
</div>
<div class="uk-width-medium-1-2">
<div class="uk-panel uk-panel-box"><img class="uk-align-right uk-margin-bottom-remove" src="images/yootheme/icons_club.png" border="0" alt="Club Icons" width="200" height="280" />
<h2 class="uk-margin-top-remove">Club Icons</h2>
<ul class="uk-list uk-list-space">
<li>Pixel perfect design</li>
<li>8 PNG sizes from 16 to 512 pixels</li>
<li>Optimized for each size</li>
<li>Scalable vector sources</li>
<li>Easy to customize</li>
</ul>
</div>
</div>

من میخوام این کد طوری تغییر کنه
که این دو تصویر بجای زیر هم باشن
کنار هم باشن
البته هرکدوم کادر دورش ، دورش بمونه
 
و اینکه اون متن بجای کنارش باشه زیرش باشه
ممنون میشم کمکم کنید

[محمدحسین میری 3,094]

درود بر شما

 

دمو آنلاین بدید ...

[topmihan 141]

درود بر شما

 

دمو آنلاین بدید ...

 

 

خدمت شما

[محمدحسین میری 3,094]

درود بر شما

 

کد زیر را وارد فایل css زیر کنید

http://testii.topware.ir/cache/template/theme-40019d94.css

.uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10
{
    display: inline-block;
    float: left;
}

[topmihan 141]

گذاشتم ولی تغییری نکردش که

[مصطفی صفرعلی 2,891]

با سلام

 

کد پست شماره 4 درسته . منتهی بهتره کد رو به انتهای یکی از فایلهای css قالبتون اضافه کنید

 

اون css که تو پست شماره 4 به اون اشاره شد تو پوشه کش قرار داره و کدهاش هر از گاهی دستخوش تغییرات میشه

 

پس از وارد کردن کد ، کش مرورگر و جوملاتون رو پاکسازی کنید

 

موفق و پیروز باشید

یا حق

[topmihan 141]

خب الان اونطور که میخواستم شد 

ولی یه تغییرات دیگه هم میخوام

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

البته میخوام بین هر مطلب(بین نام و خود عکس ، عکس و توضیحات ، توضیحات و دانلود)

شبیه بخش پکیج های فروشگاه که با نقطه چین بین بخش ها قسمت بندی شده این هم قسمت بندی بشه

ممنون میشم از اساتید بازم کمکم کنند

[مصطفی صفرعلی 2,891]

با سلام
 
خب شما که چیزی فعلا" قرار ندادید
 
ولی برای اینکه بخواهید هر قسمت رو از قسمت دیگه جدا نشون بدید میتونید به اون کلاس یا آی دی موردنظر border از بالا و پایین بدید
 
نوع border رو هم میتونید dotted یا هر نوع دیگری که خواستید تعیین کنید . مثلا" بصورت زیر :

div.uk-panel img.uk-align-center {
border-top: 2px dotted #FFFFFF;
border-bottom: 2px dotted #FFFFFF;
}

موفق و پیروز باشید
یا حق

[topmihan 141]

با سلام

 

خب شما که چیزی فعلا" قرار ندادید

 

ولی برای اینکه بخواهید هر قسمت رو از قسمت دیگه جدا نشون بدید میتونید به اون کلاس یا آی دی موردنظر border از بالا و پایین بدید

 

نوع border رو هم میتونید dotted یا هر نوع دیگری که خواستید تعیین کنید . مثلا" بصورت زیر :

div.uk-panel img.uk-align-center {
border-top: 2px dotted #FFFFFF;
border-bottom: 2px dotted #FFFFFF;
}

موفق و پیروز باشید

یا حق

این کد سی اس اس رو داخل فایل سی اس اس قالب بذارم دیگه درسته؟؟؟

خب داخل سورس اچ تی ام ال که دارم عکس و متن رو میذارم چی بنویسم

[مصطفی صفرعلی 2,891]

با سلام

 

اون کد رو بر اساس تصویر فعلی که قرار دادید براتون نوشتم و همون هم وارد کنید درسته . یه تست کنید همون کد رو متوجه میشید چیکار کنید

 

موفق و پیروز باشید

یا حق