هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 5
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش گذاشتن تصویر کنار انجمن با طرح های زیبا
#1
درود!
امروز قصد دارم که آموزش گذاشتن تصویر کنار انجمن رو برای شما آموزش بدم
البته به چند طرح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 تا تشکر یه طرح جدید!
با تشکر
اولین قالب برای نسخه 1.8 مای بی بی
First 18
پاسخ
 سپاس شده توسطDoodoo (۱۳۹۱/۳/۳۱، ۰۶:۲۹:۲۵ صبح) ، soltaneghalbha (۱۳۹۱/۳/۳۱، ۰۷:۴۰:۵۳ صبح) ، alirezas (۱۳۹۱/۳/۳۱، ۱۰:۵۱:۵۹ صبح) ، mhy (۱۳۹۱/۴/۱، ۰۹:۳۴:۱۲ صبح) ، geo (۱۳۹۱/۴/۱، ۱۴:۵۸:۳۸ عصر) ، namdari (۱۳۹۱/۴/۱، ۱۵:۰۹:۰۵ عصر) ، maka133 (۱۳۹۱/۴/۱، ۱۵:۳۸:۵۷ عصر) ، mahdi12 (۱۳۹۱/۹/۲۶، ۱۲:۴۵:۲۰ عصر) ، donia (۱۳۹۱/۱۰/۹، ۲۳:۱۳:۳۶ عصر) ، Amir_Sam (۱۳۹۲/۱/۴، ۱۸:۴۲:۴۳ عصر) ، firstboy000 (۱۳۹۳/۵/۹، ۱۸:۰۶:۰۶ عصر)
#2
اینا خیلی بزرگ هست کوچک باشن مثلا این

[تصویر:  f-2.png]
پاسخ
#3
بفرما:
[تصویر:  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>
اولین قالب برای نسخه 1.8 مای بی بی
First 18
پاسخ
 سپاس شده توسطAmir_Sam (۱۳۹۲/۱/۴، ۱۸:۴۳:۳۶ عصر)
#4
نه نه نه انطوریی این دورش سیاه چیه هان

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

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

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

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

دورش چرا انطوریی هسا ــــــــــــــــــــــــ
با سلام برای اینکه چون از 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
انجمن بازی سازی گیم این گیم http://gameingame.ir
انجمن جاواوب http://javaweb.takbb.com
Heart
پاسخ
#7
(۱۳۹۱/۴/۱، ۰۸:۵۲:۴۸ صبح)20122 نوشته است: نه نه نه انطوریی این دورش سیاه چیه هان

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

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

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

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

کد php:
<img  src="http://dl.pnuha.com/images/00662785134082522477.png" /> 
پاسخ
 سپاس شده توسطAmir_Sam (۱۳۹۲/۱/۵، ۱۵:۲۸:۵۳ عصر) ، شماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۵۵:۵۹ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۷:۴۵ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۲۰:۲۹ عصر)


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
Heart آموزش زیبا سازی بخش پست ها ( بخش دوم با تصویر ) میدوری 2 2,997 ۱۳۹۳/۲/۱۹، ۱۳:۰۴:۴۰ عصر
آخرین ارسال: motorola30
Heart آموزش زیبا سازی بخش پست ها ( بخش یکم بدون تصویر ) میدوری 0 1,634 ۱۳۹۲/۴/۱۳، ۰۹:۳۰:۴۰ صبح
آخرین ارسال: میدوری
  آموزش قرار دان آیکون در کنار انجمن به راحت ترین شکل ممکن ali_hidden 2 4,667 ۱۳۸۹/۵/۳۰، ۱۵:۳۰:۵۸ عصر
آخرین ارسال: ali_hidden

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان