• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
nimait70

تنظیم پاراگراف عکس ها در قالب - css

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

سلام خدمت تمای دوستان عزیز

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

من یه قالبی دارم که وقتی عکسی رو در ویرایش گر وسط چین میکنم هنگام نمایش آن را راستچین میکند. فایل های css این قالب هم براتون ضمیمه میکنم...

البته خودم در فایل ضمیمه ی base.css به جای :


img.aligncenter{
margin: auto;
}

این کد رو قرار دادم :


img.aligncenter {
float:none;
display:block;
margin:5px auto;
}

اما توفیقی نکرد و تغییری مشاهده نکردم...من میخوام هر طوری که تو ویرایشگر تنظیم میکنم پاراگراف بندی بشه...ممنون میشم اگه راهنماییم کنید...

css.zip

ویرایش شده در توسط nimait70

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


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

این کد ها رو هم به فایل base.css اضافه کردم :


img {
max-width: 100%
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center}

اما

اما بازم نشد که نشد...

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


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

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

.alignnone {

margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

display: block;

margin: 5px auto 5px auto;

}

.alignright {

float:right;

margin: 5px 0 20px 20px;

}

.alignleft {

float: left;

margin: 5px 20px 20px 0;

}

.aligncenter {

display: block;

margin: 5px auto 5px auto;

}

a img.alignright {

float: right;

margin: 5px 0 20px 20px;

}

a img.alignnone {

margin: 5px 20px 20px 0;

}

a img.alignleft {

float: left;

margin: 5px 20px 20px 0;

}

a img.aligncenter {

display: block;

margin-left: auto;

margin-right: auto

}

.wp-caption {

background: #fff;

border: 1px solid #f0f0f0;

max-width: 96%; /* Image does not overflow the content area */

padding: 5px 3px 10px;

text-align: center;

}

.wp-caption.alignnone {

margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

margin: 5px 0 20px 20px;

}

.wp-caption img {

border: 0 none;

height: auto;

margin: 0;

max-width: 98.5%;

padding: 0;

width: auto;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

margin: 0;

padding: 0 4px 5px;

}

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


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

سلام

اینطوری استایل بدید:


p img.alignright {}

عکس هایی که داخل تگ p هستند.

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


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

سلام

اینطوری استایل بدید:


p img.alignright {}

عکس هایی که داخل تگ p هستند.

ممنون بابت پاسخ گویی، این طوری هم استایل دادم :

.alignnone {

margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

display: block;

margin: 5px auto 5px auto;

}

.alignright {

float:right;

margin: 5px 0 20px 20px;

}

.alignleft {

float: left;

margin: 5px 20px 20px 0;

}

.aligncenter {

display: block;

margin: 5px auto 5px auto;

}

p img.alignright {

float: right;

margin: 5px 0 20px 20px;

}

p img.alignnone {

margin: 5px 20px 20px 0;

}

p img.alignleft {

float: left;

margin: 5px 20px 20px 0;

}

p img.aligncenter {

display: block;

margin-left: auto;

margin-right: auto

}

.wp-caption {

background: #fff;

border: 1px solid #f0f0f0;

max-width: 96%; /* Image does not overflow the content area */

padding: 5px 3px 10px;

text-align: center;

}

.wp-caption.alignnone {

margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

margin: 5px 0 20px 20px;

}

.wp-caption img {

border: 0 none;

height: auto;

margin: 0;

max-width: 98.5%;

padding: 0;

width: auto;

}

.wp-caption p.wp-caption-text {

font-size: 11px;

line-height: 17px;

margin: 0;

padding: 0 4px 5px;

}

اما بازم نشد...یه جای قالب یه چنین چیزی نوشته :

Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',

will of course center the image. This is much better than using

align="center", being much more futureproof (and valid) */

اگه از


class="centered'

به جای


align="center"

استفاده بشه عکس وسط چین میشه اما تمامی مطالب قبلی من با align="center" نوشته شده و ادیتور (ckeditor 4)هم به عنوان پیش فرض از این استفاده میکنه و سخته هر دفعه کد رو دستکاری کنم...

لطفا اگه راه حلی به ذهنتون میرسه راهنماییم کنید...

ویرایش شده در توسط Morteza

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


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

آدرس آنلاین بدید.

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


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

آدرس آنلاین بدید.

روی آدرس آنلاینم فعلا نصب نیست...دارم روی لوکال تستش میکنم...عکس میذارم واستون...

عکس شماره 1 با style="text-align: center نوشته شده که راستچین هست کلا اما عکس شماره 2 که با class="centered" دستکاریش کردم همانطور که ملاحضه میکنید کاملا وسط چین شده...

کجا میشه کد های css شو دست کاری کرد تا با style="text-align: center هم عکس ها رو وسط چین نشون بده؟

post-981-0-65687500-1381598483_thumb.jpg

post-981-0-99686600-1381598492_thumb.jpg

ویرایش شده در توسط nimait70

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


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

روی آدرس آنلاینم فعلا نصب نیست...دارم روی لوکال تستش میکنم...

آنلاین گذاشتید در خدمتم.

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


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

آنلاین گذاشتید در خدمتم.

خدمت شما :


http://vcbt.ir

البته آدرس سایت اصلی من این نیست...فقط واسه تست وردپرس و قالب رو نصب کردم و چند مطلب هم اضافه کردم...

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


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

تست کنید :

p img.alignnone {
margin: 5px auto;
width: auto;
}

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


لینک به پست
به اشتراک گذاری در سایت های دیگر
تست کنید :
p img.alignnone { margin: 5px auto; width: auto; }

این کد رو هم به تنهایی به انتهای فایل base.css اضافه کردم اما تغییری مشاهده نشد...میتونید خودتون هم چک بکنید...

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


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

این کد رو هم به تنهایی به انتهای فایل base.css اضافه کردم اما تغییری مشاهده نشد...میتونید خودتون هم چک بکنید...

به آخر این فایل اضافه کردید و درست هم نمایش میده من مشکلی نمیبینم.

کوکی + تمپ مرورگرتونو حذف کنید.

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


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

به آخر این فایل اضافه کردید و درست هم نمایش میده من مشکلی نمیبینم.

کوکی + تمپ مرورگرتونو حذف کنید.

الان این پست عکس هاش برای شما وسط چین هست؟ کوکی و تمپ رو هم پاک کردم،با یک مرورگر دیگه تست کردم اما بازم راستچینه... :


http://vcbt.ir/%D9%81%DB%8C%D9%84%D9%85-hes-just-not-that-into-you/

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


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

یا مثلا این مطلب :


http://vcbt.ir/%D8%B3%D8%B1%DB%8C%D8%A7%D9%84-training-day-2001/

یه عکس IMDB داره که کاملا راستچینه اما عکس اصلی وسط چین شده....و همچنین یه مشکل دیگه ایجاد شده...در امتداد اون عکس imdb در مطلب هر جا از صفحه رو کلیک کنی حتی بخش خالی، به لینک مربوط به IMDB میره...

ویرایش شده در توسط nimait70

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


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

برای تصاویرتون این کد رو به فایل rtl.css اضافه کنید:


.size-full {
margin:5px auto;
}

و برای imdb هم میتونید این کار رو انجام بدین:

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

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


<a target="_blank" href="http://www.imdb.com/title/tt0139654/?ref_=sr_1"><img style="width: 45px; height: 22px; " src="http://ashowtime17.org/pic/imdb-logo.png" alt=""></a>

پاکش کنید و به جاش کد زیر رو بزارین.


<a target="_blank" href="http://www.imdb.com/title/tt0139654/?ref_=sr_1" style="position: absolute;"><img style="width: 45px; height: 22px; margin: 0px auto;" src="http://ashowtime17.org/pic/imdb-logo.png" alt=""></a>

درست باید بشه.

در آخر هم حتما کش مرورگرتون رو خالی کنید.

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


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

برای تصاویرتون این کد رو به فایل rtl.css اضافه کنید:


.size-full {
margin:5px auto;
}

و برای imdb هم میتونید این کار رو انجام بدین:

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

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


<a target="_blank" href="http://www.imdb.com/title/tt0139654/?ref_=sr_1"><img style="width: 45px; height: 22px; " src="http://ashowtime17.org/pic/imdb-logo.png" alt=""></a>

پاکش کنید و به جاش کد زیر رو بزارین.


<a target="_blank" href="http://www.imdb.com/title/tt0139654/?ref_=sr_1" style="position: absolute;"><img style="width: 45px; height: 22px; margin: 0px auto;" src="http://ashowtime17.org/pic/imdb-logo.png" alt=""></a>

درست باید بشه.

در آخر هم حتما کش مرورگرتون رو خالی کنید.

ممنون اشکان جان مورد عکس ها برطرف شد اما این مورد Imdb راه دیگه ای نداره؟ چون مطالبم بسیار زیادن و خیلی سخته که ویرایششون کرد...و این کد هم خود ویرایشگر به عنوان پیشفرض تولید میکنه و نویسنده های من که آشنایی با کدنویسی هم ندارند سخته واسشون که هر دفعه بخوان کد رو دستکاری کنن...ممنون

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


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

خواهش میکنم.

با افزونه search & replace امتحان کنید.

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


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

خواهش میکنم.

با افزونه search & replace امتحان کنید.

برای دفعات جدید چطور؟ نویسنده ها آشنایی با کدنویسی ندارند...

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


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

باید دستی تغییر بدن

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


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

خواهش میکنم.

با افزونه search & replace امتحان کنید.

این افزونه چنین کدی رو در پایگاه داده ی من پیدا نمیکنه :


><img style="width: 45px; height: 22px; " src="http://ashowtime17.org/pic/imdb-logo.png" alt=""></a>

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


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

این افزونه چنین کدی رو در پایگاه داده ی من پیدا نمیکنه :


><img style="width: 45px; height: 22px; " src="http://ashowtime17.org/pic/imdb-logo.png" alt=""></a>

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

از توی پست ها کپی کنید توی افزونه پیدا میکنه.

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


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

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

از توی پست ها کپی کنید توی افزونه پیدا میکنه.

در هر صورت بخشی از کد هست خوب، میبایست پیدا کنه دیگه...

کلش هم کپی کردم پیدا نکرد :


Sorry, <a target="_blank" href="http://www.imdb.com/title/tt0139654/?ref_=sr_1"><img style="width: 45px; height: 22px; " src="http://ashowtime17.org/pic/imdb-logo.png" alt=""></a> is not found in this Database(db)!

قسمت اول هم خوب هر دفعه فرق داره دیگه...هر مطلب با مطلب دیگه فرق داره آدرس IMDB یش :


<a target="_blank" href="http://www.imdb.com/title/tt0139654/?ref_=sr_1"

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


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

انگار با "فاصله" مشکل داره یعنی برای Search کدی که "فاصله" یا "space" داشته باشه رو پیدا نمیکنه....

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


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

بعضی از مطالب مثل این مطلب عکس هاش راستچین نمیشن :


http://vcbt.ir/%D9%81%DB%8C%D9%84%D9%85-batman/

ممنون میشم اگه کمک کنید...

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


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

از فایل rtl.css هم این دو خاصیت را بیابید و حذف کنید


.footer .latest_news img, .latest_news img,
.footer .latest_news p,
.latest_news p,
.comments_list li img ,
.twitter-author img,
.widget ul.tweets li span,
ul.tweets li span,
p.cat-content{
float: right;
margin-right: 0px;
margin-left:10px;
}

.news_in_photo .news-photo {
float: right;
}

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


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

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

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

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

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


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

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

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


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