رفتن به مطلب

قالب سایت همیار آی تی چیه؟


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

در 2 ساعت قبل، cherry گفته است :

سلام

از قالب GOOD NEWS استفاده میکنند

سلام

ممنونم از پاسختون.

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

ویرایش شده توسط bahramia
لینک به ارسال
در 1 دقیقه قبل، bahramia گفته است :

سلام

ممنونم از پاسختون.

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

خواهش میکنم.

ظاهرا کدنویسی اختصاصیه شایدم روی قالب گودنیوز هست

اما اگر بخواید چنین حالتی ایجاد کنید راه حل خیلی سادش بوت استرپه 

راه حل یه نمه سادش اینه که خودتون کد بنویسید و یه مودال یا پاپ آپ ایجاد کنید

لینک به ارسال

 

در 37 دقیقه قبل، cherry گفته است :

خواهش میکنم.

ظاهرا کدنویسی اختصاصیه شایدم روی قالب گودنیوز هست

اما اگر بخواید چنین حالتی ایجاد کنید راه حل خیلی سادش بوت استرپه 

راه حل یه نمه سادش اینه که خودتون کد بنویسید و یه مودال یا پاپ آپ ایجاد کنید

بفرمایید

البته یه چیز خیلی سادس

کد های اچ تی ام ال

<div class="open-popup-emoji">
  <img src="https://www.hamyarit.com/wp-content/uploads/2018/11/hamyarit-cta-3.svg-hamyarit.com-hamyarit-cta-3.svg" alt="emoji">
</div>
<div class="popup-opacity"></div>
<div class="popup-wrapper">
  <div class="popup-content">
    <p>متن این مودال از طریق کد اچ تی ام ال قابل تغییر است</p>
    <a href="#">شرکت در جشنواره</a>
  </div>
</div>

کدهای سی اس اس


.open-popup-emoji {
  position: absolute;
  z-index:500;
  bottom:10px;
  right:30px;
}

.open-popup-emoji img {
  width: 50px;
  cursor: pointer;
}

.popup-opacity{
  position: absolute;
  z-index:400;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.52);
    pointer-events:none;
  opacity:0;
  visibility:hidden;
}

.popup-wrapper {
  position: absolute;
  z-index:400;
  bottom:90px;
  right:10px;
  background-color:#ffffff;
  padding:15px;
  border-radius:10px;
  box-shadow: 0 10px 50px #000000;
  direction:rtl;
  text-align:right;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
}

.popup-show {
  pointer-events:all;
  opacity:1;
  visibility:visible;
}

.popup-content a {
  display:inline-block;
  width:100%;
  padding:10px;
  background-color:yellow;
  text-align:center;
  text-decoration:none;
  border-radius:5px;
  color:#000000;
}

کدهای جاوااسکریپت

$(document).ready(function(){
$(".open-popup-emoji").click(function(){
  $(".popup-opacity, .popup-wrapper").addClass('popup-show');
});
$(".popup-opacity").click(function(){
  $(".popup-opacity, .popup-wrapper").removeClass('popup-show');
});
});

 

لینک به ارسال
در 40 دقیقه قبل، cherry گفته است :

 

بفرمایید

البته یه چیز خیلی سادس

کد های اچ تی ام ال


<div class="open-popup-emoji">
  <img src="https://www.hamyarit.com/wp-content/uploads/2018/11/hamyarit-cta-3.svg-hamyarit.com-hamyarit-cta-3.svg" alt="emoji">
</div>
<div class="popup-opacity"></div>
<div class="popup-wrapper">
  <div class="popup-content">
    <p>متن این مودال از طریق کد اچ تی ام ال قابل تغییر است</p>
    <a href="#">شرکت در جشنواره</a>
  </div>
</div>

کدهای سی اس اس



.open-popup-emoji {
  position: absolute;
  z-index:500;
  bottom:10px;
  right:30px;
}

.open-popup-emoji img {
  width: 50px;
  cursor: pointer;
}

.popup-opacity{
  position: absolute;
  z-index:400;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.52);
    pointer-events:none;
  opacity:0;
  visibility:hidden;
}

.popup-wrapper {
  position: absolute;
  z-index:400;
  bottom:90px;
  right:10px;
  background-color:#ffffff;
  padding:15px;
  border-radius:10px;
  box-shadow: 0 10px 50px #000000;
  direction:rtl;
  text-align:right;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
}

.popup-show {
  pointer-events:all;
  opacity:1;
  visibility:visible;
}

.popup-content a {
  display:inline-block;
  width:100%;
  padding:10px;
  background-color:yellow;
  text-align:center;
  text-decoration:none;
  border-radius:5px;
  color:#000000;
}

کدهای جاوااسکریپت


$(document).ready(function(){
$(".open-popup-emoji").click(function(){
  $(".popup-opacity, .popup-wrapper").addClass('popup-show');
});
$(".popup-opacity").click(function(){
  $(".popup-opacity, .popup-wrapper").removeClass('popup-show');
});
});

 

بله همینه، خیلی ممنونم از وقتی که گذاشتید.

لینک به ارسال
در 13 ساعت قبل، bahramia گفته است :

سلام خدمت همه اعضا انجمن

این سایت از چه قالبی استفاده میکنه دوستان؟ ظاهرش خیلی به دل میشینه.

https://www.hamyarit.com/

عه، این سایت منه که :‌‌)

همه‌ی مواردی که @cherry عزیز گفتند کاملا درسته.

اون ایموجی گوشه‌ی صفحه‌ هم کدنویسی اختصاصی هستش.

لینک به ارسال
در 7 دقیقه قبل، فرشاد گوهری گفته است :

عه، این سایت منه که :‌‌)

همه‌ی مواردی که @cherry عزیز گفتند کاملا درسته.

اون ایموجی گوشه‌ی صفحه‌ هم کدنویسی اختصاصی هستش.

سلام آقای گوهری

سایتتون فوق‌ العادست هم از نظر محتوا و هم از نظر ظاهر و طراحی تبریک میگم بابت این وبسایت عالی

ببخشید یه سوال شما قالبتون رو از کجا دانلود کردید؟ من از بیگ تم دانلود کردم ولی اصلا شبیه سایت شما نشد.

لینک به ارسال
در 27 دقیقه قبل، bahramia گفته است :

سلام آقای گوهری

سایتتون فوق‌ العادست هم از نظر محتوا و هم از نظر ظاهر و طراحی تبریک میگم بابت این وبسایت عالی

ببخشید یه سوال شما قالبتون رو از کجا دانلود کردید؟ من از بیگ تم دانلود کردم ولی اصلا شبیه سایت شما نشد.

سلام، ممنونم از لطفتون.

من از تم‌فارست خریدمش:

https://themeforest.net/item/goodnews-responsive-wordpress-newsmagazine/1150692

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

شما هم سعی کنید اگر براتون امکان داره کلا محصولات تجاری رو از فروشنده‌ی اصلی (تم‌فارست یا کدکنیون) خریداری کنید، سایت‌های ایرانی معمولا نسخه‌های نال شده یا پر از باگ ارائه میدن و خیلی براتون مشکل‌ساز میشه.

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

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

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

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

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

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

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

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

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

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