مرجع پارسی MyBB

نسخه‌ی کامل: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
درود!
امروز قصد دارم که آموزش گذاشتن تصویر کنار انجمن رو برای شما آموزش بدم
البته به چند طرحTongue
توجه کنید:
1-تمامی این کد ها را من خودم طراحی کردم و کپی برداری از آن بدون درج لینک پیگرد خواهد داشت
2-تمامی کد ها را ابتدا به نوت پد و سپس به محل مورد نظر انتقال دهید
3- در تمامی کد ها توضیحات انجمن باید توضیحات انجمن شما باشد و یا می توانید آن را پاک کنید
4-و درضمن در تمامی کد ها باید به جای کلمه آدرس عکس آدرس عکسی که می خواهید باشد را بگذارید
آموزش:
کد های زیر را ابتدا به نوت پد و سپس در توضیح انجمن آن را کپی کنید توجه کنید که هیچ کدی باید در قسمت در توضیح انجمن نباشد
آموزش تصویری:
این تصویر کوچیک شده روش کلیک کنید تا بزرگ بشه
[attachment=6602]
خوب طرح اول:
نمونه
[attachment=6601]
خوب و اما کد این طرح:
کد:
<table border="1" cellpadding="1" cellspacing="1" style="width: 100px; height: 100px">
    <tbody>
        <tr>
            <td>
                توضیحات انجمن<br />
                <img alt="" src="آدرس عکس" /></td>
        </tr>
    </tbody>
</table>
<p>
    </p>
طرح دوم:
نمونه
[attachment=6603]
کد این طرح:
کد:
<p>
    توضیحات انجمن</p>
<table border="1" cellpadding="1" cellspacing="1" style="width: 100px; height: 100px">
    <tbody>
        <tr>
            <td style="text-align: center;">
                <img alt="" src="آدرس عکس" /></td>
        </tr>
    </tbody>
</table>
<p>
    </p>
<p>
    </p>
و اما طرح سوم
نمونه
[attachment=6604]
کد این طرح:
کد:
<table border="1" cellpadding="1" cellspacing="1" style="width: 100px;">
    <tbody>
        <tr>
            <td>
                <img alt="" src="آدرس عکس" /></td>
            <td>
                توضییحات انجمن</td>
        </tr>
    </tbody>
</table>
<p>
    </p>
هر مشکلی بود در خدمتم.
در ضمن هر 2 تا تشکر یه طرح جدید!
با تشکر
اینا خیلی بزرگ هست کوچک باشن مثلا این

[تصویر:  f-2.png]
بفرما:
[تصویر:  photos.png] نمونه:
[تصویر:  Capture.PNG]
کد:
کد:
<table border="1" cellpadding="1" cellspacing="1" style="width: 50px; height: 50px">
    <tbody>
        <tr>
            <td>
                <img alt="" src="آدرس عکس" /></td>
        </tr>
    </tbody>
</table>
<p>
    </p>
نه نه نه انطوریی این دورش سیاه چیه هان

فقط عک میخواهم فقط عکس اونجا نشون دادشه

دورش چرا انطوریی هسا ــــــــــــــــــــــــ

http://community.mybbiran.com/images/MYB...ns/f-2.png
انطوریی فقط دورش سیاه نباشه
من اونو بلد نیستم!Big Grin
متاسفم!
حالا می تونی از استاد های گرافیکی کمک بگیری
نقل‌قول: نه نه نه انطوریی این دورش سیاه چیه هان

فقط عک میخواهم فقط عکس اونجا نشون دادشه

دورش چرا انطوریی هسا ــــــــــــــــــــــــ
با سلام برای اینکه چون از table استفاده می کنید و border برابر 1 است این کادر ایجاد می شود که راه آن قرار دادن border برابر 0 است.کد زیر
کد:
<table border="0" cellpadding="1" cellspacing="1" style="width: 50px; height: 50px">
    <tbody>
        <tr>
            <td>
                <img alt="" src="آدرس عکس" /></td>
        </tr>
    </tbody>
</table>
<p>
    </p>

table کمی برای سرعت خوب نیست بهتره کد بالا را با Div نوشت Big Grin
Heart
(۱۳۹۱/۴/۱، ۰۸:۵۲:۴۸ صبح)20122 نوشته است: [ -> ]نه نه نه انطوریی این دورش سیاه چیه هان

فقط عک میخواهم فقط عکس اونجا نشون دادشه

دورش چرا انطوریی هسا ــــــــــــــــــــــــ

http://community.mybbiran.com/images/MYB...ns/f-2.png
انطوریی فقط دورش سیاه نباشه

کدش همینه !باید به گرافیست یگی برات طراحی کنه
دوست عزیز درصورتی که میخوای بدون کادر و سایه و بک گراند و غیره همینطوری ساده باشه
از این کد استفاده کن
اینم نمونه
[تصویر:  89419038595497191667.jpg]

کد php:
<img  src="http://dl.pnuha.com/images/00662785134082522477.png" />