aminq10

نمایش عکس با استفاده از css

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

سلام

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

اما نشون نمیده

کد های نمایش در قالب :


<?php if ($dl!="") : ?><div class="Downloadlink" ><a href="<?php echo $dl; ?>" title"دانلود <?php the_title(); ?>" >دانلود با لینک مستقیم</a></div><?php endif; ?>


<?php if ($dl1!="") : ?><div class="Downloadlink" ><a href="<?php echo $dl1; ?>" title"دانلود <?php the_title(); ?>" >دانلود با لینک غیر مستقیم</a></div><?php endif; ?>


<?php if ($man!="") : ?><div class="infodl" >منبع : <?php echo $man; ?></div><?php endif; ?>

کد های css :


Downloadlink {
background-image: url(//beatkids.ir/wp-content/themes/gamespeed/images/download.png);
background-position: right;
background-repeat: no-repeat;
margin: 50px auto 0 auto;
border-radius: 5px;
text-align: center;
width: 20px;
height:20px;
}
infodl {
background-image: url(//beatkids.ir/wp-content/themes/gamespeed/images/info.png);
background-position: right;
background-repeat: no-repeat;
margin: 50px auto 0 auto;
border-radius: 5px;
text-align: center;
width: 20px;
height:20px;
}

0

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


لینک به پست

سلام

کد CSSی که نوشتید ، مشکلاتی داره !

اول اینکه در HTML از class استفاده کردید ولی در CSS ، آی‌دی یا کلاس رو مشخص نکردید. (قبل از Downloadlink و infodl یک . قرار بدید.)

دوم اینکه آدرس دهی به تصاویر ، احتمالا باید اشتباه باشه ! (آدرس‌ها رو دوباره بررسی کنید و سعی کنید به شیوه درست آدرس گذاری رو انجام بدید.)

موفق باشید.

5

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


لینک به پست

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

مرسی

0

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


لینک به پست

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

کدم را هم به این تغیر دادم


.Downloadlink {
background-image: url(//beatkids.ir/wp-content/themes/gamespeed/images/download.png);
background-repeat: no-repeat;
width: 20px;
height:20px;
}

و کد استایل :


<?php if ($dl!="") : ?><div class="Downloadlink" ></div><a href="<?php echo $dl; ?>" title"دانلود <?php the_title(); ?>" >دانلود با لینک مستقیم</a><?php endif; ?>

0

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


لینک به پست

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

مرسی

ممنون میشم اگر منبع شیوه جدید css نویسی برای پاندا گوگل رو اینجا قرار بدید ؟

3

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


لینک به پست

تصویری از قسمت مورد نظر بزارید

1

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


لینک به پست

از این کد در css :


.Downloadlink {
background: url('//beatkids.ir/wp-content/themes/gamespeed/images/download.png') no-repeat right;
padding: 0 20px 0 0;
font: normal 12px/2 Tahoma;
}

و از این کد در داخل قالب :


<?php if ($dl!="") : ?><div class="Downloadlink" ><a href="<?php echo $dl; ?>" title"دانلود <?php the_title(); ?>" >دانلود با لینک مستقیم</a></div><?php endif; ?>

استفاده کنید و نتیجه رو اعلام کنید.

4

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


لینک به پست

عکس

post-10-0-16979100-1337367936_thumb.png

0

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


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

بفرما دوست من

مطالعه کنی بد نیست

1

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


لینک به پست

مرسی آقا مسعود درست شد ممنون

0

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


لینک به پست

بفرما دوست من

http://forum.wp-pars...A7%DB%8C%D8%AA/

مطالعه کنی بد نیست

خب این مقاله‌ای که لینکش رو دادید ، کجاش از گوگل پاندا نام برده شده بود ؟

همونطور که از عنوان مقاله معلوم هست ، اینها ترفندها و نکاتی هستند که می‌توانند در کدنویسی HTML و CSS مورد استفاده قرار بگیرند.

خوشبختانه با این نکات آشنایی داشتم ، فقط دلیل اینگونه ادرس دهی رو نمی‌دونستم که فهمیدم ( و به خاطر معرفی این مقاله ازتون تشکر می‌کنم. )

موفق باشید.

0

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


لینک به پست

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

0

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


لینک به پست

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

درسته ، کدنویسی صحیح و اصولی باعث استاندارد شدن قالب و همینطور افزایش سرعت بارگزاری سایت و ... میشه که اینها از نظر سئو برای گوگل قابل اهمیت هست.

ولی خوب ، تاکید من روی گوگل پاندا و اون شیوه‌ی آدرس دهی هست !!! چیزی که شما ازش به شیوه‌ی جدید CSS نویسی برای گوگل پاندا اسم بردید.

1

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


لینک به پست

آقا من اونجا مخواستم سریع جواب بدم اینجوری شد

حالا من بگم اشتباه کردم شما راضی میشی

;)

1

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


لینک به پست

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

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

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

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


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

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

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


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