bahramia

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

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

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

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

https://www.hamyarit.com/

0

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


لینک به پست

سلام

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

3

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


لینک به پست

ارسال شده در (ویرایش شده)

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

سلام

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

سلام

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

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

ویرایش شده در توسط bahramia
0

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


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

سلام

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

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

خواهش میکنم.

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

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

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

2

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


لینک به پست

تحمل داشته باشید الان کمی وقت دارم مینویسم براتون.

1

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


لینک به پست

 

در 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');
});
});

 

3

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


لینک به پست
در 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');
});
});

 

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

0

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


لینک به پست

خواهش میکنم

موفق باشید

1

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


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

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

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

https://www.hamyarit.com/

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

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

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

2

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


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

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

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

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

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

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

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

2

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


لینک به پست

ارسال شده در (ویرایش شده)

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

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

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

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

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

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

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

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

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

ویرایش شده در توسط فرشاد گوهری
2

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


لینک به پست

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

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

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

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


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

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

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


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