مرجع پارسی MyBB
آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - نسخه‌ی قابل چاپ

+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: متفرقه (https://community.mybbiran.com/forum-52.html)
+--- انجمن: آموزش های متفرقه (https://community.mybbiran.com/forum-33.html)
+--- موضوع: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا (/thread-10991.html)



آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - adnan - ۱۳۹۱/۳/۳۱

درود!
امروز قصد دارم که آموزش گذاشتن تصویر کنار انجمن رو برای شما آموزش بدم
البته به چند طرحTongue
توجه کنید:
1-تمامی این کد ها را من خودم طراحی کردم و کپی برداری از آن بدون درج لینک پیگرد خواهد داشت
2-تمامی کد ها را ابتدا به نوت پد و سپس به محل مورد نظر انتقال دهید
3- در تمامی کد ها توضیحات انجمن باید توضیحات انجمن شما باشد و یا می توانید آن را پاک کنید
4-و درضمن در تمامی کد ها باید به جای کلمه آدرس عکس آدرس عکسی که می خواهید باشد را بگذارید
آموزش:
کد های زیر را ابتدا به نوت پد و سپس در توضیح انجمن آن را کپی کنید توجه کنید که هیچ کدی باید در قسمت در توضیح انجمن نباشد
آموزش تصویری:
این تصویر کوچیک شده روش کلیک کنید تا بزرگ بشه
   
خوب طرح اول:
نمونه

.png   1.PNG (اندازه: 26.1 KB / تعداد دفعات دریافت: 195)
خوب و اما کد این طرح:
کد:
<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>
طرح دوم:
نمونه

.png   2.PNG (اندازه: 26.4 KB / تعداد دفعات دریافت: 191)
کد این طرح:
کد:
<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>
و اما طرح سوم
نمونه

.png   3.PNG (اندازه: 26.79 KB / تعداد دفعات دریافت: 189)
کد این طرح:
کد:
<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 تا تشکر یه طرح جدید!
با تشکر


RE: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - 20122 - ۱۳۹۱/۳/۳۱

اینا خیلی بزرگ هست کوچک باشن مثلا این

[تصویر:  f-2.png]


RE: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - adnan - ۱۳۹۱/۳/۳۱

بفرما:
[تصویر:  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>



RE: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - 20122 - ۱۳۹۱/۴/۱

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

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

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

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


RE: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - adnan - ۱۳۹۱/۴/۱

من اونو بلد نیستم!Big Grin
متاسفم!
حالا می تونی از استاد های گرافیکی کمک بگیری


RE: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - javaweb - ۱۳۹۱/۱۲/۲۳

نقل‌قول: نه نه نه انطوریی این دورش سیاه چیه هان

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

دورش چرا انطوریی هسا ــــــــــــــــــــــــ
با سلام برای اینکه چون از 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



RE: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - Amir_Sam - ۱۳۹۲/۱/۴

(۱۳۹۱/۴/۱، ۰۸:۵۲:۴۸ صبح)20122 نوشته است: نه نه نه انطوریی این دورش سیاه چیه هان

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

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

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

کدش همینه !باید به گرافیست یگی برات طراحی کنه


RE: آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا - استاد - ۱۳۹۲/۱/۵

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

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