• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
سیدرضا بازیار

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

13 پست در این موضوع قرار دارد

من توی سایتم یه بخش قرار دادم واسه قرار دادن کد.اما اون بخش از لحاظ اندازه در هر مرورگر فرق میکنه

http://www.game.balyan.ir/interesting-and-funny-game-of-chess/

چیکار کنم که اندازه اون ثابت بشه؟ مثل این صفحه ( http://moisrex.rozblog.com/post/3565/css3-loading.html )

البته میخوام یکم هم جذاب باشه

0

به اشتراک گذاری این پست


لینک به پست

با سلام

از قراردادن سایز با مقیاس پیکسل استفاده کنید و به عرض خودتون مثلا 500px نسبت بدید

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

1

به اشتراک گذاری این پست


لینک به پست

اگر فقط یه جعبه هست میتونید پهنای اون را بجای پیکسل با درصد وارد کنید ، مثلا wiidth:80%

1

به اشتراک گذاری این پست


لینک به پست

عدد رو هر چیزی وارد کنم باز هم توی مرورگر های مختلف تغییر میکنه

چیز کلی وجود نداره که پهنا رو به کلی بگیره؟

0

به اشتراک گذاری این پست


لینک به پست

با درصد هم میشه کار کرد ولی درصد هم ممکن است باعث بشه کادر ما بر اساس مروگر های مختلف که محیط اون ها دارای ابزار و موارد مختلفی هست مجدد ریسایز بشه و بر اساس کل صفحه سایز تغییر کنه

بهترین کار استفاده از پیکسل هست

برای مثال کد زیر توی هر مرورگر باعث میشه سایز تغییر پیدا کنه:


<textarea id="Tozihat = " cols="32" dir="ltr" style="border-radius:10px; box-shadow: inset 2px 2px 2px #666;font-family: Tahoma; font-size: 10pt; border: 1px solid rgb(166, 167, 195); padding-left:5px" name="Tozihat = " rows="7"></textarea>

علت هم بخاطر cols="32" هست که توی فایرفاکس و کروم معیار خاص خودشو داره

ولی کد زیر توی هر مرورگری ثابت است و اختلاف بسیار کمی داره


<textarea id="Tozihat = " dir="ltr" style="border-radius:10px; box-shadow: inset 2px 2px 2px #666; width:230px;font-family: Tahoma; font-size: 10pt; border: 1px solid rgb(166, 167, 195); padding-left:5px" name="Tozihat = " rows="7"></textarea>

چون توی این کد از پیکسل برای عرض کادر در استایل استفاده شده


width:230px;

البته من این کد رو از یکی از صفحات استاتیک برای شما کپی کردم و استایل و کلاس اضافی داره توش

1

به اشتراک گذاری این پست


لینک به پست

لطفا پهنای کد زیر رو برام تنظیم کنید

میخوام توی همه مرورگر ها مثل هم باشه


<h4 style="text-align: right;"><span style="color: #ffffff;">.برای قرار دادن این بازی در سایت یا وبلاگ خود, کافیه یکی از کد های زیر را کپی کنید و در سایت یا وبلاگ خود قرار دهید</span></h4>
<textarea name="textarea2" id="textarea2" cols="77" rows="2">
<iframe src="<?php echo $iframe; ?>" width="600" height="462" frameborder="no" scrolling="no"></iframe>
</textarea>
<textarea name="textarea2" id="textarea2" cols="77" rows="2">
<embed src="<?php echo $script; ?>" type="application/x-shockwave-flash" <="" embed="" width="600" height="462">
</textarea>

0

به اشتراک گذاری این پست


لینک به پست


<h4 style="text-align: right;"><span style="color: #ffffff;">.برای قرار دادن این بازی در سایت یا وبلاگ خود, کافیه یکی از کد های زیر را کپی کنید و در سایت یا وبلاگ خود قرار دهید</span></h4>
<textarea name="textarea2" id="textarea2" rows="2" style="width:400px;">
<iframe src="<?php echo $iframe; ?>" width="600" height="462" frameborder="no" scrolling="no"></iframe>
</textarea>
<textarea name="textarea2" id="textarea2" rows="2" style="width:400px;">
<embed src="<?php echo $script; ?>" type="application/x-shockwave-flash" <="" embed="" width="600" height="462">
</textarea>

مقدار width که برابر 400 است را می توانید تغییر دهید

ویرایش شده در توسط raminsat1
1

به اشتراک گذاری این پست


لینک به پست


<h4 style="text-align: right;"><span style="color: #ffffff;">.برای قرار دادن این بازی در سایت یا وبلاگ خود, کافیه یکی از کد های زیر را کپی کنید و در سایت یا وبلاگ خود قرار دهید</span></h4>
<textarea name="textarea2" id="textarea2" rows="2" style="width:400px;">
<iframe src="<?php echo $iframe; ?>" width="600" height="462" frameborder="no" scrolling="no"></iframe>
</textarea>
<textarea name="textarea2" id="textarea2" rows="2" style="width:400px;">
<embed src="<?php echo $script; ?>" type="application/x-shockwave-flash" <="" embed="" width="600" height="462">
</textarea>

مقدار width که برابر 400 است را می توانید تغییر دهید

عالی شد

width:588px;

اگه ممکنه کد تنظیم کردن "طول" رو هم بهش اضافه کنید

0

به اشتراک گذاری این پست


لینک به پست


<h4 style="text-align: right;"><span style="color: #ffffff;">.برای قرار دادن این بازی در سایت یا وبلاگ خود, کافیه یکی از کد های زیر را کپی کنید و در سایت یا وبلاگ خود قرار دهید</span></h4>
<textarea name="textarea2" id="textarea2" style="width:400px; height:50px;">
<iframe src="<?php echo $iframe; ?>" width="600" height="462" frameborder="no" scrolling="no"></iframe>
</textarea>
<textarea name="textarea2" id="textarea2" style="width:400px; height:50px;">
<embed src="<?php echo $script; ?>" type="application/x-shockwave-flash" <="" embed="" width="600" height="462">
</textarea>

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

1

به اشتراک گذاری این پست


لینک به پست

سلام

چرا syntax hilighter استفاده نمی کنید؟

2

به اشتراک گذاری این پست


لینک به پست

سلام

چرا syntax hilighter استفاده نمی کنید؟

میشه بیشتر توضیح بدید؟

0

به اشتراک گذاری این پست


لینک به پست

https://wordpress.or...taxhighlighter/

نصب کن حالشو ببر.. اینقدر دردسر هم به خودت نده.

این روشی که من استفاده میکنم خیلی راحت تره

به یک کلیک بازی رو از هاست اونا به هاست خودم انتقال میدم و لینک رو توی یه کادر میزارم. عنوان رو وارد میکنم و ارسال میکنم

خودش دیگه بازی رو نمایش میده و کد رو میسازه :D

به همین راحتی

ویرایش شده در توسط سیدرضا بازیار
0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری