رفتن به مطلب

درخواست زمینه دلخواه و جعبه ی دانلود


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

واژه "زمینه دلخواه" را جستجو کنید

باقیش هم استایل هست:


.DownloadBtn {
background: none repeat scroll 0 0 #00B1E1;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 5px #7389A9;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
margin: 3px 5px;
padding: 6px 10px;
}
.dl-soft {
background: url("images/m-icon/l-icon3.png") no-repeat scroll 2% 50% #CCFDC3;
border: 3px solid #B2EFA7;
min-height: 150px;
width: 538px;
margin-top: 5px;
}

لینک به ارسال

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

اما در مورد افکتش ، اسمش هست toggle که در جی کوئری وجود داره.


http://api.jquery.com/toggle/
http://www.w3schools.com/jquery/eff_toggle.asp

اینهم نمونه:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_toggle

لینک به ارسال
  • 1 ماه بعد...

آقا لطفا همه کد های مال زمینه دلخاه سایت

http://iranfilm11.co...6-corpse-bride/

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

لطفا کامل وآسان توضیع بدین

اینم پوسته سایتم

onetarh.org/wp-content/uploads/OneTarh-Theme.zip

لطفا بهمنم کمک کنین

لینک به ارسال

سلام

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

اگر در پیاده سازی مشکل دارید در یک تاپیک جدید مشکلاتتون رو مطرح کنید.

لینک به ارسال
  • 1 سال بعد...

سلام

من هر کاری کردم نتونستم جعبه دانلود این سایتو دربایرم میشه راهنمایی کنید

این سایت

به انجمن خوش آمدید

"زمینه دلخواه" را در انجمن جستجو کنید

لینک به ارسال

کد css که استفاده کردم

.button {

background: none repeat scroll 0% 0% rgb(2, 144, 218);

background-color: rgb(2, 144, 218);

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

}

.button, .buttonv {

display: block;

font-size: 16px;

margin: 10px 0px;

margin-top: 10px;

margin-right-value: 0px;

margin-bottom: 10px;

margin-left-value: 0px;

margin-left-ltr-source: physical;

margin-left-rtl-source: physical;

margin-right-ltr-source: physical;

margin-right-rtl-source: physical;

text-align: center;

border-right: 0px none;

border-right-width-value: 0px;

border-right-style-value: none;

border-right-color-value: -moz-use-text-color;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-left: 0px none;

border-left-width-value: 0px;

border-left-style-value: none;

border-left-color-value: -moz-use-text-color;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

-moz-border-top-colors: none;

-moz-border-right-colors: none;

-moz-border-bottom-colors: none;

-moz-border-left-colors: none;

border-image: none;

border-image-source: none;

border-image-slice: 100% 100% 100% 100%;

border-image-width: 1 1 1 1;

border-image-outset: 0 0 0 0;

border-image-repeat: stretch stretch;

padding: 10px;

padding-top: 10px;

padding-right-value: 10px;

padding-bottom: 10px;

padding-left-value: 10px;

padding-left-ltr-source: physical;

padding-left-rtl-source: physical;

padding-right-ltr-source: physical;

padding-right-rtl-source: physical;

border-width: 1px 0px 2px;

border-top-width: 1px;

border-right-width-value: 0px;

border-bottom-width: 2px;

border-left-width-value: 0px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-style: solid none;

border-top-style: solid;

border-right-style-value: none;

border-bottom-style: solid;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-color: rgba(255, 255, 255, 0.2) -moz-use-text-color rgba(0, 0, 0, 0.2);

border-top-color: rgba(255, 255, 255, 0.2);

border-right-color-value: -moz-use-text-color;

border-bottom-color: rgba(0, 0, 0, 0.2);

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);

box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);

color: rgb(255, 255, 255) !important;

border-radius: 2px;

border-top-left-radius: 2px;

border-top-right-radius: 2px;

border-bottom-right-radius: 2px;

border-bottom-left-radius: 2px;

background-position: left center;

-moz-user-select: none;

}

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

<ul>

<?php $mid_var = get_post_meta($post->ID, 'dl',true);

if(isset($mid_var) && !empty($mid_var)) : ?>

<li class="button"><a class="button Blue" target="_blank" rel="nofollow" href="<?php echo get_post_meta($post->ID, 'dl',true); ?>"> DOWNLOAD MP3</a></li> <?php endif; ?>

<ul/>

میشه بگید ایرادش کجاست که مثل نمونه اصلیش درنیومده ؟؟

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

کد css که استفاده کردم

میشه بگید ایرادش کجاست که مثل نمونه اصلیش درنیومده ؟؟

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

عکس زیر:

post-2281-0-53313100-1391096140.png

لینک به ارسال

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

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

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

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

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

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

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

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

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