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

[aminq10 50]

سلام

من میخوام برای زمینه دلخواهم عکس بزارم و عکس ها را توی 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;
}

[Masoud 296]

سلام

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

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

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

موفق باشید.

[aminq10 50]

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

مرسی

[aminq10 50]

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

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

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

[Masoud 296]

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

مرسی

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

[Parsa 23463]

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

[Masoud 296]

از این کد در 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; ?>

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

[aminq10 50]

عکس

[aminq10 50]

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

بفرما دوست من

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

[aminq10 50]

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

[Masoud 296]

بفرما دوست من

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

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

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

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

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

موفق باشید.

[aminq10 50]

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

[Masoud 296]

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

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

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

[aminq10 50]

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

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