رفتن به مطلب
bahramia

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

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

سلام

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

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


لینک به ارسال
در 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 قرار دهید.


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