FANDOM


See pressiteade on väike paus tavaline muster meie blogid CSS, sest "trikke" ei ole 4, vaid veidi rohkem, ja mõned neist ei ole nii lihtne (kuid siiski, tulemus on seda väärt :)). Tuletan meelde, et kood tuleb kopeerida MediaWiki: Wikia.css.

Hiljuti üsna populaarne olnud kood, mis asendab standard pilt teadete kasutaja. Esiteks, kood ilmus Angry Birds Wiki, siis STALKER Vicki ja nüüd laiendada paljudes Wiki projektide, sealhulgas wikid, nagu Mass Effect Wiki Wiki ja terrariums.Originaal kood seada logo näeb välja selline:

#WallNotifications .bubbles {
background-image: url('http://желаемое лого');
background-size: 23px;
background-position: 1px 0px;
background-repeat: no-repeat;
}

Aga tavakasutaja logo me ei peatu :) Lisame siia ka muutus pilt, kui sa hõljuma üle logo abiga pseudo :hover:

#WallNotifications .bubbles:hover {
background-image: url('http://желаемое url');
background-size: 23px;
background-repeat:no-repeat;
}

Mis juhtus, näete siin.

Kuid drastilist muutust ühe pildi teise ei ole väga atraktiivne. Lisame sile muutus pilt, meeldib nii:


#WallNotifications .bubbles {
background-image: url('http://url картинки №1');
background-size: 23px;
background-repeat: no-repeat;
-moz-transition: background-image 0.3s 0s ease;
-o-transition: background-image 0.3s 0s ease;
-webkit-transition: background-image 0.3s 0s ease;
}
#WallNotifications .bubbles:hover {
background-image: url('http://url картинки №2');
background-size: 23px;
background-repeat:no-repeat;
transition:all 0.2s ease;
-moz-transition: background-image 0.3s 0s ease;
-o-transition: background-image 0.3s 0s ease;
-webkit-transition: background-image 0.3s 0s ease;
}

Kuidas see välja näeb, klõpsake siia.

CSS saab muuta ja näidata mitmeid lugemata teateid. Näiteks - kas marker teateid üha enam märgatav, kus järgmine kood:


#WallNotifications .bubbles.reddot {
border-radius: 15px;
-webkit-border-radius: 15px;
background:red;
width: 25px;
height: 25px;
position: relative;
left: 0px;
top: -2px;
-moz-box-shadow: 0 0 10px rgba(255, 140, 0, 1.0);
-webkit-box-shadow: 0 0 10px rgba(255, 140, 0, 1.0);
box-shadow: 0 0 10px rgba(255, 140, 0, 1.0); 
}

#WallNotifications .bubbles.reddot #bubbles_count {
background: none;
position: relative;
left: 4px;
top: 4px;
font-size: 16px;
text-align: center;
font-weight : bold;
}

Viimastel küsimustes oleme juba rääkinud eraldamise teatud osalejate hüüdnimed wiki erinevatel lehekülgedel ja nimeruumi. Täna jätkab selle teema ja luua spetsiaalne logo ja allkiri osalejate jaoks chat.

Kood erilist logo chat moderaatoreid chat:


.username:after {
background-image : url('http://url eriline logo jututoas');
background-position: 0px 0px;
}

Logo saab muuta ainult teatud osalejatele, kui te kasutate id vormi #user-osaleja nimi. Näide:


#user-Wildream .username:after {
background-image : url('http://url особого лого в чате');
background-position: 0px 0px;
}

Code-allakirjutamist osaleja nimi (see allkiri asendab ka sõna "ei", kuid hüüdnimi pool veel värvitud hall). See kood tuleb kasutada ainult koos id, mis eeldab, et tekst kuvatakse ainult kasutajanimed teatud liikmed:


#user-Имя участника .details:after {
content: "Текст подписи";
font-size: 10px;
}
#user-Имя участника .status {
display: none;
}

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

Also on FANDOM

Random Wiki