رفتن به مطلب

گذاشتن چند عکس کنار هم در وسط سایت در ارسال مطلب


پست های پیشنهاد شده

سلام

دو تا عکس رو کنار هم در وسط مطلب می خوام بگذارم وسط و میانه رو انتخاب می کنم اما باز عکس دوم رو می گذارم عکس دوم می ره زیر عکس اول در ضمن می خام بین دو عکس چند تا فاصله هم بدم راحل چیست

لینک به ارسال

سلام.

در بخش ارسال مطلب، از سربرگ دیداری به متن برید.

بلوک های میون عکس هارو پاک کنید.

لینک به ارسال

برای وسط چین معمولا قالب دستوراتی داره که باعث این حالت می شه وضعیت وسط چین را از تصاویر بردارید و کدهاشون را بگذارید داخل یک div با کلاس مثلا htrwdCenter

و کد زیر را انتهای مطلب در ویرایشگر html قرار بدید


<style type="text/css">.htrwdCenter {display:block;margin:auto;text-align:center;}.htrwdCenter img {float:none; display:inline-block;}.htrwdCenter img:first-child { margin-right:10px;}.htrwdCenter img:last-letter {margin-left:10px;}</style>

لینک به ارسال

سلام.

در بخش ارسال مطلب، از سربرگ دیداری به متن برید.

بلوک های میون عکس هارو پاک کنید.

سلام

به متن رفتن رو بلدم اما

بلوک های میون عکس ها رو پاک کنم یعنی دقیقاً چی کار باید بکنم لطفاً واضح تر بگید

اگه امکانش هست مثال هم بزنید

ویرایش شده توسط htrwd
لینک به ارسال

برای وسط چین معمولا قالب دستوراتی داره که باعث این حالت می شه وضعیت وسط چین را از تصاویر بردارید و کدهاشون را بگذارید داخل یک div با کلاس مثلا htrwdCenter

و کد زیر را انتهای مطلب در ویرایشگر html قرار بدید


<style type="text/css">.htrwdCenter {display:block;margin:auto;text-align:center;}.htrwdCenter img {float:none; display:inline-block;}.htrwdCenter img:first-child { margin-right:10px;}.htrwdCenter img:last-letter {margin-left:10px;}</style>

سلام

این که می گید وضعیت وسط چین رو از تصاویر بردارم یعنی حالت تصویر رو هیچ کدام بگذارم و حالت متن هم یا راست یا چپ؟

کدهاشون رو بگذارم داخل div با کلاس مثلاً htrwdCenter

لطفاً راهنمایی فرمایید div رو تاحالا دیده بود اما کلاسی که معرفی کردید ندیده بودم ولی مشخص که برای وسط چین کردن هست ولی بهاش بلد نیستم کار کنم راهنمایی بفرمایید

و کد زیر را انتهای مطلب در ویرایشگر html قرار بدید

منظورم شما یعنی کد ها رو داخل سربرگ متن بگذارم؟

div

و کلاس رو کجا باید بگذارم

خیلی مبتدی هستم در این زمینه ها!

لینک به ارسال

توضیح آقا ایمان عزیز جامع تره.

همون روش رو پیگیری کنید.

اون کلاس ساخته شده توسط شماست که میتونین هر ویژگی رو به هر اسم کلاسی منتصب کنید.

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

کد شما به این صورت میشه:


<div class="htrwdCenter">
<img src="آدرس تصویر یک" />
<img src="آدرس تصویر دو" />
</div>

آخر کد های همین بخش هم اون استایل رو معرفی کنید و تمام ;)

ویرایش شده توسط Light Moon
لینک به ارسال

سلام

بین دو عکس داخل کد باید چه طوری فاصله بدم؟

آیا کدی یا کدهایی برای فاصله دادن داخل متن یا کد برای عکس و کد وجود دارد؟

لینک به ارسال

در کدی که دادم فاصله هم لحاظ شده برای کم و زیاد کردنش margin-right:10px و margin-left:10px را در کد کم و زیاد کنید

لینک به ارسال

در کدی که دادم فاصله هم لحاظ شده برای کم و زیاد کردنش margin-right:10px و margin-left:10px را در کد کم و زیاد کنید

سلام

این فاصله که گذاشتید مربوط به فاصله انداختن بین دو تا عکس می باشد؟

لینک به ارسال

margin یعنی فاصله هر شیء

حالا margin-right یعنی فاصله ای که شیء از سمت راست میگیره

متعاقباً margin-left هم فاصله از سمت چپ هست.

(شیء ما در اینجا همون تصاویر هستند. )

شما با مقدار دهی دلخواه در جلوی این عبارت ها، میتونین به فاصله دلخواه خودتون برسین

لینک به ارسال

سلام

من زمانی که بین 2 تا تصویر کلیک می کنم چند بار اینتر می زنم تصویر از هم جدا می شه ولی داخل کد که اینتر می زنم جدا نمی شه تصاویر دلیلش چیه؟

لینک به ارسال

در حالت ویژوال اینتر ها رو br میکنه اما در حالت کد چیزی حساب نمیشه

لینک به ارسال

سلام

ببقشید اشتباه شد منظور از اینتر اپیس بود چون می خوام به صورت افقی فاصله بدم یعنی در قسمت نمایش که اسپیس می زنم فاصله می ده ولی در متن که اسپیس می زنم در حد یک یا شاید دو تاش بین عکس فاصله بندازه یعنی اگر در متن 20 بار هم بین دو عکس رو اسپیس بزنم فقط یک یا دو بار عمل رو در حالت نمایش عکس انجام می ده

در زمنیه اینتر هم بعضی موقعه چه در نوشته چه برای کار دیگه یا اصلاً عمل نمی کنه یا یک کد دیگه رو نمایش می ده

br فقط زمانی نمایش می ده که برای نمایش کدر در سایت از

باکس های کدنویسی ساده استفاده می شود و br و مثلاً p و ... در اون باکس نشان می ده که نمی دونم چطوری حذفش کنم

لینک به ارسال

به طور کلی در زبان برنامه نویسی همه چیز دستور و علامت داره و با زدن اسپیس و اینتر نباید فاصله ایجاد بشه

در مورد این باکس قبلا هم عرض شد جناب Light Moon هم فرمودند با زیاد کردن کمقدارهای مرگین چپ و راست فاصله ایجاد کنید

مطلب را منتشر کنید و نتیجه را در صفحه ببینید نه در ویرایشگر

لینک به ارسال

سلام

این کدهایی که اینجا قرار دادید تا الان هر دو برای من اینتر انجام داده

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

لینک به ارسال

من چیزی متوجه نشدم

http://jsbin.com/ozuwip/1/edit

به نحوه قرار گرفتن حروف t در سه رنگ مختلف در کدها و نتیجه اش دقت کنید

لینک به ارسال

اسپیس


 

اینتر


<br />

سلام

شما می گید این کد کار اسپیس رو انجام می ده


 

در صورتی که عکسی گذاشتم نشون می ده که کارش این اینتر است چرا؟

جالب اینجاست که بعضی وقتها که می خوام اینتر بزنم چه با این کد چه ساده که اینتر می زنم عمل نمی کنه چرا؟

البته کار اسپیس رو انجام می ده ولی بعد هم برش می داره یعنی کاری که همین الان بین دو تا عکس رو تست کردم کد رو در متن می زنم اسپیس می زنه تو دیداری که می رم اسپیس زده وقتی بر می گردم تو متن کد اسپیس گذاشته شده رو بر داشته چرا؟

post-2512-0-23526900-1376545532_thumb.jp

ویرایش شده توسط htrwd
لینک به ارسال

اون کد کارش ایجاد فاصله هست

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

لینک به ارسال

سلام

خوب اگر کارش ایجاد فاصله است چرا باید عمل اینتر انجام بده؟

چطوری باید به ادیتور اضافه کنم؟

لینک به ارسال

مقدار عرض پست را فرض کنید A باشد

مقدار عرض عکس اول + مقدار مارگین سمت چپ + مقدار مارگین سمت راست + مقدار عرض عکس دوم + مقدار پدینگ های چپ و راست پست باید کمتر از مقدار A باشد والا یک تصویر در کادر جا نمی گیرد و می افتد پایین

لینک به ارسال

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

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

در واقع بعضی از کدها اون موقع که می خوای کار انجام نمی ده اون موقع که نمی خوای می یاد رو اعصابت !

لینک به ارسال

دستور enter در داخل پاراگراف br یعنی شکستن خطوط فقط داخل تگ p و داخل div یا ul li اینطور نیست

اگر متنی را بدون هیچ تگی وارد ویرایشگر html کنید خودبه خود تگ p می خورد ولی اگر در تگ div قرار دهید این اتفاق نمی افتد و باید دستی تگ p و br وارد شوند

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

در واقع بعضی از کدها اون موقع که می خوای کار انجام نمی ده اون موقع که نمی خوای می یاد رو اعصابت !

کد اصولا فهم و شعور اینرا که بفهمد شما چه می خواهید ندارد اگر کد را در جای درست خودش قرار دهید و مشخصات درستی را برایش تعریف کنید خروجی اش می شود خروجی دلخواه

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...