Şuradaki kodları nasıl siteme entegre edebilirim?

28.05.2015 20:10

carpediem Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 02.04.2015
Yaş/Cinsiyet 31 / E
Meslek muhasebe
Konum Ankara

Ad Soyad İ** T**
Mesajlar 867
Beğeniler 166 / 127
Ticaret 15, (%93)

merhaba, şu sitedeki bahsedilen özelliği kendi siteme nasıl entegre edebilirim?

ikonların olmasına gerek yok sadece farklı renklerde farklı bildiriler yazabilsem yeterli ama makalede siteye nasıl entegre edileceği yazılmamış ya da ben anlamadım:)

28.05.2015 20:17

#2

TayfunGuler Kod Şiirdir Kullanıcı

Üyelik 01.12.2013
Yaş/Cinsiyet 24 / E
Meslek -
Konum Ankara

Ad Soyad T** G**
Mesajlar 2229
Beğeniler 165 / 454
Ticaret 75, (%100)

Bu kodu göstermek istediğin yere ekle



   Duyuru 1

   Duyuru 2

   Duyuru 3

Bunlar css e ekle

.awNotices{

  position:relative;

  color:white;

  font:400 12px Arial;

}

 

.awNotices a{

  padding:8px 25px 8px 10px;

  position:absolute;

  left:0;right:0;

  opacity:0;

  color:inherit;

  text-decoration:none;

  visibility:hidden;

  transition:opacity .6s;

  border-radius:3px;

  text-shadow:0 0 3px rgba(1,1,1,.3);

  line-height:150%;

}

 

.awNotices a[notice-color="orange"]{background-color:#ff9800}

.awNotices a[notice-color="red"]{background-color:#e51c23}

.awNotices a[notice-color="blue"]{background-color:#3f51b5}

.awNotices a[notice-color="green"]{background-color:#8bc34a}

.awNotices a[notice-color="dark"]{background-color:#414141}

 

.awNotices a.active{

  opacity:1;

  visibility:visible;

}

 

 

.awNotices a i.fa{

  padding-right:8px;

  margin-right:5px;

  border-right:1px solid rgba(255,255,255,.2);

}

 

.awNotices span.controller{

  position:absolute;

  cursor:pointer;

  background:transparent;

  right: 0;

  padding:8px 10px;

  line-height:150%;

}

dan önce bunu ekle



<script></script>

1 kişi bu mesajı beğendi.

Wordpress/Php/React/Laravel/Codeigniter/Woocommerce işleriniz için Pm atınız.
www.tayfunguler.org

28.05.2015 20:19

#3

carpediem Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 02.04.2015
Yaş/Cinsiyet 31 / E
Meslek muhasebe
Konum Ankara

Ad Soyad İ** T**
Mesajlar 867
Beğeniler 166 / 127
Ticaret 15, (%93)

TayfunGuler adlı üyeden alıntı

Bu kodu göstermek istediğin yere ekle

Bunlar css e ekle

dan önce bunu ekle

yardımınız için teşekkür ederim göstermek istediğim yer üst kısımdaki seçili bölge ama nereden yapacağımı bilmiyorum diğer kodları ekliyorum şimdi

28.05.2015 20:20

#4

TayfunGuler Kod Şiirdir Kullanıcı

Üyelik 01.12.2013
Yaş/Cinsiyet 24 / E
Meslek -
Konum Ankara

Ad Soyad T** G**
Mesajlar 2229
Beğeniler 165 / 454
Ticaret 75, (%100)

carpediem adlı üyeden alıntı

yardımınız için teşekkür ederim göstermek istediğim yer üst kısımdaki seçili bölge ama nereden yapacağımı bilmiyorum diğer kodları ekliyorum şimdi

Div tagleriye yola çıkabilirsin.Başlangıç ve bitişlere dikkat ette bozulmasın.

Wordpress/Php/React/Laravel/Codeigniter/Woocommerce işleriniz için Pm atınız.
www.tayfunguler.org

28.05.2015 20:24

#5

carpediem Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 02.04.2015
Yaş/Cinsiyet 31 / E
Meslek muhasebe
Konum Ankara

Ad Soyad İ** T**
Mesajlar 867
Beğeniler 166 / 127
Ticaret 15, (%93)

TayfunGuler adlı üyeden alıntı

Div tagleriye yola çıkabilirsin.Başlangıç ve bitişlere dikkat ette bozulmasın.

yaptım ama olmadı yanlış yaptım sanırım.

28.05.2015 20:56

#6

ykismetli Tasarım Kullanıcı

Üyelik 22.08.2014
Yaş/Cinsiyet 29 / E
Meslek Grafiker ve Web Master
Konum İstanbul Avrupa

Ad Soyad Y** K**
Mesajlar 342
Beğeniler 34 / 73
Ticaret 28, (%100)

carpediem adlı üyeden alıntı

yaptım ama olmadı yanlış yaptım sanırım.

Script kodlarını eklediniz mi hocam?

28.05.2015 20:57

#7

carpediem Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 02.04.2015
Yaş/Cinsiyet 31 / E
Meslek muhasebe
Konum Ankara

Ad Soyad İ** T**
Mesajlar 867
Beğeniler 166 / 127
Ticaret 15, (%93)

ykismetli adlı üyeden alıntı

Script kodlarını eklediniz mi hocam?

üstteki arkadaşın dediklerini yaptım sitedeki dosyaları indirip gerekli(?) yerlere yükledim yine de olmadı

28.05.2015 21:02

#8

ykismetli Tasarım Kullanıcı

Üyelik 22.08.2014
Yaş/Cinsiyet 29 / E
Meslek Grafiker ve Web Master
Konum İstanbul Avrupa

Ad Soyad Y** K**
Mesajlar 342
Beğeniler 34 / 73
Ticaret 28, (%100)

Hocam script kodlarını da eklemeniz gereklidir.

Script Kodları:
$('.awNotices').append('');
$('.awNotices a:nth-of-type(1)').addClass('active');

function awNotice() {
if(!$('.awNotices').hasClass('stopped')){
var $active = $('.awNotices a.active');
var $next = $active.next('a');

if ($next.length){
$next.addClass('active');
$active.removeClass('active');
}else{
$active.removeClass('active');
$('.awNotices a:first-of-type').addClass('active');
}
}
}

$('.awNotices .controller').click(function(){
$(this).toggleClass('fa-pause fa-play');
$('.awNotices').toggleClass('stopped');
})

function awNotices(timer){
setInterval( "awNotice()", timer);
}

awNotices(2500);

28.05.2015 21:03

#9

carpediem Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 02.04.2015
Yaş/Cinsiyet 31 / E
Meslek muhasebe
Konum Ankara

Ad Soyad İ** T**
Mesajlar 867
Beğeniler 166 / 127
Ticaret 15, (%93)

ykismetli adlı üyeden alıntı

Hocam script kodlarını da eklemeniz gereklidir.

Script Kodları:
$('.awNotices').append('');
$('.awNotices a:nth-of-type(1)').addClass('active');

function awNotice() {
if(!$('.awNotices').hasClass('stopped')){
var $active = $('.awNotices a.active');
var $next = $active.next('a');

if ($next.length){
$next.addClass('active');
$active.removeClass('active');
}else{
$active.removeClass('active');
$('.awNotices a:first-of-type').addClass('active');
}
}
}

$('.awNotices .controller').click(function(){
$(this).toggleClass('fa-pause fa-play');
$('.awNotices').toggleClass('stopped');
})

function awNotices(timer){
setInterval( "awNotice()", timer);
}

awNotices(2500);

bunu nereye eklemem gerekiyor?

28.05.2015 21:05

#10

ykismetli Tasarım Kullanıcı

Üyelik 22.08.2014
Yaş/Cinsiyet 29 / E
Meslek Grafiker ve Web Master
Konum İstanbul Avrupa

Ad Soyad Y** K**
Mesajlar 342
Beğeniler 34 / 73
Ticaret 28, (%100)

carpediem adlı üyeden alıntı

bunu nereye eklemem gerekiyor?

Bu kodu kodunun hemen altına ekliyeceksiniz;

<script></script>
<script>
$('.awNotices').append('');
$('.awNotices a:nth-of-type(1)').addClass('active');

function awNotice() {
if(!$('.awNotices').hasClass('stopped')){
var $active = $('.awNotices a.active');
var $next = $active.next('a');

if ($next.length){
$next.addClass('active');
$active.removeClass('active');
}else{
$active.removeClass('active');
$('.awNotices a:first-of-type').addClass('active');
}
}
}

$('.awNotices .controller').click(function(){
$(this).toggleClass('fa-pause fa-play');
$('.awNotices').toggleClass('stopped');
})

function awNotices(timer){
setInterval( "awNotice()", timer);
}

awNotices(2500);

</script>

1 kişi bu mesajı beğendi.

Şuradaki kodları nasıl siteme entegre edebilirim?

Üye Girişi Yap