سیدرضا بازیار

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

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

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

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

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

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

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


لینک به پست

با سلام

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

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

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


لینک به پست

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

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


لینک به پست

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

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

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


لینک به پست

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

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

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


<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;

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

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


لینک به پست

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

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


<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>

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


لینک به پست


<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

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


لینک به پست


<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;

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

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


لینک به پست


<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>

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

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


لینک به پست

https://wordpress.org/plugins/syntaxhighlighter/

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

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


لینک به پست

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

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

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

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

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

به همین راحتی

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

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


لینک به پست

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

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

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

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


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

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

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


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