Marketing Content

Meriv çawa bi karanîna CSS-ê li ser wêneyek paşxanê Herêmên Tagên Ankerê ava dike

Di rojên Web 1.0 de, berhevokek girêdanên bi vî rengî dikaribû bi berhevkirina wêneya we bi lînkên li ser her grafîkê ve were çêkirin, dûv re hewl bidin ku wê hemî bi tabloyek vegerînin. Dikaribû ew jî bi karanîna an nexşeya wêneyê lê ew bi gelemperî amûrek hewce dike ku pergala hevrêziyê ava bike.

Bikaranîna Pelên Şêweya Cascading (CSS) vê yekê tonek hêsantir dike… ne wêneyên hevberdanê û ne hewildana peydakirina amûrek ji bo avakirina pergala hevrêziya xwe! Hûn bi tenê wêneyek paşîn li div-ê zêde dikin û dûv re pozîsyona bêkêmasî bikar tînin da ku firehî û bilindahiya her yek ji herêmên ku hûn dixwazin werin girêdan destnîşan bikin.

  1. Wêneya ku hûn dixwazin bikar bînin ava bikin. Hûn dikarin vê grafîkê li jêr bikar bînin (rast-klîk bikin û wekî dakêşanê tomar bikin)
Vebijarkên

  1. Wêneyê xwe li peldanka ku bi CSS-ya we re têkildar e hilkişînin. Di WordPress de, ev yek dikare bi hêsanî bi cîhkirina wê di peldanka wêneyan de di navnîşana mijara we de, hêsantir were kirin.
  2. HTML-ya xwe zêde bikin. Ew xweşik û hêsan e ... divek ku tê de sê zencîre hene:
<div id="subscribe">
    <a id="rss" href="[your feed link]" title="Subscribe with RSS"><span class="hide">RSS</span></a>
    <a id="email" href="[your email subscribe link]" title="Subscribe with Email"><span class="hide">Email</span></a>
    <a id="mobile" href="[your mobile link]" title="View Mobile Version"><span class="hide">Mobile</span></a>
</div>
  1. Rûpelê şêwaza xweya Cascading biguherîne (CSS). Hûn ê 6 şêwazên cûda lê zêde bikin. 1 şêwaz ji bo div-ya giştî, 1 ji bo etîketa lengerê da ku ew xemilandina nivîsê nîşan nede, 1 şêwaz ji bo veşartina nivîsê (ji bo gihîştinê tê bikar anîn), û 1 taybetmendiya şêwazê ji bo her yek ji girêdanan:
#subscribe { /* background image block */
    display: block;
    width: 215px;
    height: 60px;
    background: url(https://martech.zone/wp-content/uploads/2007/10/options.png) no-repeat; 
    margin-top: 0px; }
#subscribe a { text-decoration:none; } 
.hide { visibility:hidden; } 
#rss { /* RSS Link */ 
    float: left;
    position:absolute; 
    width: 50px; 
    height: 50px; 
    margin-left: 20px;
    margin-top: 5px; } 
#email { /* Email Link */ 
    float: left; 
    position:absolute; 
    width: 50px; 
    height: 50px; 
    margin-left: 80px; 
    margin-top: 5px; } 
#mobile {  /* Mobile Link */ 
    float: left; 
    position:absolute; 
    width : 50px; 
    height: 50px; 
    margin-left: 150px; 
    margin-top: 5px; }

Helwesta xweş û hêsan e ... height bilindahî û firehiyek zêde bikin û dûv re marjeya çepê ji milê çepê yê wêneyê, û marjîna jorîn ji aliyê jorîn ê wêneyê ve saz bikin!

10/3/2007 JI RDEST ji bo gihîştina çêtir bi şîreta ya Phil!

Douglas Karr

Douglas Karr CMO ya ye OpenINSIGHTS û damezrînerê ya Martech Zone. Douglas alîkariya bi dehan destpêkên serketî yên MarTech kir, di kirîn û veberhênanên Martech de zêdetirî 5 mîlyar dolar alîkarî kir, û di cîbicîkirin û otomatîkkirina stratejiyên firotanê û kirrûbirra xwe de alîkariya pargîdaniyan didomîne. Douglas veguherînek dîjîtal a navneteweyî û pispor û axaftvanek MarTech e. Douglas di heman demê de nivîskarek çapkirî ya rêberê Dummie û pirtûkek serokatiya karsaziyê ye.

Zimanî babet Related

Vegere ser topê
Nêzîkî

Adblock Hat Tesbîtkirin

Martech Zone dikare vê naverokê bê mesref ji we re peyda bike ji ber ku em malpera xwe bi dahata reklamê, girêdanên pêwendiyê, û sponsorgeriyê drav dikin. Dema ku hûn malpera me temaşe dikin, em ê spas bikin ger hûn bloka reklama xwe rakin.