Kimeneti HTML és CSS szelektorok változásai
Az SR6-os azonosítók, elemnevek és osztályok megfelelői az SR7 Velocity motorban egyedi CSS-hez és JavaScripthez.
Az SR7 Velocity motor új azonosítókat, egyedi HTML-elemeket és osztályneveket használ. Az Egyedi CSS ablakba írt kódot a bővítmény frissítéskor megpróbálja átírni, de a témádban vagy máshol használt CSS-t és szkripteket magadnak kell átvezetned. A JavaScript és a PHP változásai az egyedi kód átvezetése: JavaScript és PHP fejezetben vannak.
Azonosítók
Szekció neve “Azonosítók”Megszűnt: rev_slider_1328_1_forcefullwidth, rev_slider_1328_1_wrapper.
| SR6 | SR7 | Megjegyzés |
|---|---|---|
rev_slider_1328_1 |
SR7_1328_1 |
modulazonosító, ha nem adtál meg egyedit |
slider-1328-slide-3443-layer-2 |
SR7_1328_1-3443-2 |
rétegazonosító, ha nem adtál meg egyedit |
Új azonosítók az SR7-ben:
| Azonosító | Megjegyzés |
|---|---|
SR7_1328_1-135 |
diaazonosító, ha nem adtál meg egyedit |
SR7_1328_1-pbar |
a folyamatjelző azonosítója |
SR7_1328_1-134-5_audio_html5 |
médiaazonosítók (_audio vagy _video, majd _típus) |
Modul általános elemei
Szekció neve “Modul általános elemei”Megszűnt: rs-fullwidth-wrap, rs-module-wrap, rs-carousel-space.
| SR6 | SR7 | Megjegyzés |
|---|---|---|
rs-module |
sr7-module |
|
rs-fw-forcer |
sr7-adjuster |
|
rs-static-layers |
diává alakult, osztályai például .sr7-staticslide.sr7-staticslide-low és/vagy .sr7-staticslide.sr7-staticslide-high |
|
div.tp-shadowcover |
sr7-module-shadow |
|
rs-slides |
sr7-content |
a diák, a navigáció (modultípustól függően) és a globális (statikus) diák |
rs-slide |
sr7-slide |
|
rs-dotted |
vászon (canvas) vagy sr7-overlay |
|
rs-carousel-wrap |
sr7-carousel |
|
rs-modal |
sr7-modals |
|
rs-modal-cRemovedover |
sr7-modal-underlay |
Új elem: sr7-module-bg.
Rétegelemek
Szekció neve “Rétegelemek”Megszűnt (a dia háttere réteggé alakult): rs-sbg-px, rs-sbg-wrap. Megszűnt még: rs-layer-wrap, rs-group-wrap, rs-column-wrap, rs-row-wrap.
| SR6 | SR7 | Megjegyzés |
|---|---|---|
rs-sbg |
sr7-bg |
réteg |
rs-layer-wrap.rs-parallax-wrap |
sr7-px |
|
rs-mask-wrap |
sr7-mask |
|
rs-group |
sr7-grp |
|
rs-layer[data-type="text"] |
sr7-txt |
|
rs-layer[data-type="button"] |
sr7-btn |
|
rs-layer[data-type="image"] |
sr7-img |
|
rs-layer[data-type="shape"] |
sr7-shp |
|
rs-layer[data-type="video"] |
div.sr7-layer és sr7-media.sr7-media |
|
rs-poster |
sr7-poster |
|
rs-loop-wrap |
sr7-loop |
|
rs-dotted |
vászon (canvas) vagy sr7-overlay |
|
rs-zone |
sr7-zone |
réteggé alakítva |
rs-row |
sr7-row |
|
rs-column |
sr7-col |
|
rs-column-bg |
sr7-col-bg |
Új elemek: sr7-row-con és sr7-col-con, mindkettő csak akkor, ha a maszk, a hurok vagy a parallax beállítás be van kapcsolva.
Navigációs elemek
Szekció neve “Navigációs elemek”Megszűnt (a vászon vette át): rs-progress-bar, rs-progress-circle, rs-progress-bg, rs-progress-gap.
| SR6 | SR7 |
|---|---|
rs-arrow |
sr7-arrow |
rs-thumbs |
sr7-thumbs |
rs-tabs |
sr7-tabs |
rs-bullets |
sr7-bullets |
rs-bullet |
sr7-bullet |
rs-navmask |
sr7-tt-mask |
rs-thumbs-wrap |
sr7-thumbs-wrap |
rs-thumb |
sr7-thumb |
rs-tabs-wrap |
sr7-tabs-wrap |
rs-tab |
sr7-tab |
rs-progress |
canvas.sr7-pbar |
Általános osztályok
Szekció neve “Általános osztályok”Megszűnt osztályok: .rs-ov-hidden, .revslider-initialised, .rev_redraw_on_blurfocus, .rs-pxl-3 (0 és 15 között), .rs-modal-fullwidth, .rs-toggled-content, .rev_break_columns, .rs-forceuntouchable, .rs-safari, .rs-fixedscrollon, .rs-stickyscrollon, .modalspinner, .hideallscrollbars, .rs-ISM, .rs-tc-active, .rs-stl-visible, .rev-slidebg, .rs-ii-o, .rs-pelock, .dddwrappershadow, .dddwrapper-layertobggroup, .rs-pxl-tobggroup, .tp-parallax-container, .rs-pxmask, .rs_fake_cube, .rs_fake_cube_wall, .rs-apiready, .videoisplaying, .tp-blockmask_in, .tp-blockmask_out, .rs-waction, .rs-wclickaction, .tp-temporarydisabled, .tp-scrollbelowslider, .rs-go-fullscreen, .rs-nav-element.
| SR6 | SR7 | Megjegyzés |
|---|---|---|
.rs-forceoverflow (a rs-fullwidth-wrap elemen) |
.sr7-overflow-force |
az rs-module elemen |
.tp-shadowcover |
sr7-module-shadow elem |
az osztályai például sr7-shdw-1 |
.dddwrapper |
sr7-3dwrap.sr7-3dwrap-bg |
|
.dddwrapper-layer |
sr7-3dwrap.sr7-3dwrap-layers |
|
.rs-forcehidden |
.sr-force-hidden |
|
.rs-touchhover |
sr7-touchhover |
elem |
.tp-video-play-button |
sr7-lrg-play |
elem |
.tp-revstop |
sr7-lrg-pause |
elem |
Rétegosztályok
Szekció neve “Rétegosztályok”Megszűnt: .rs-parallax-wrap, .rs_html5vidbasicstyles, .rs-layer-static (globális rétegek), .rs-on-sh, .rs-on-car, .rs-layer-video, .rs-fsv, .rs-fcr, .rs-fcrt, .rs-bcr.
| SR6 | SR7 | Megjegyzés |
|---|---|---|
.rs-layer |
.sr7-layer |
|
.html5vid |
.sr7-html5-video |
|
.rs_splitted_lines |
sr7_splitted_lines |
_noanim utótaggal is |
.rs_splitted_words |
sr7_splitted_words |
_noanim utótaggal is |
.rs_splitted_chars |
sr7_splitted_chars |
_noanim utótaggal is |
.rs-layer-audio |
sr7-hidden-audio |
Navigációs és folyamatjelző osztályok
Szekció neve “Navigációs és folyamatjelző osztályok”Megszűnt: .noSwipe.
| SR6 | SR7 |
|---|---|
.tp-leftarrow |
.sr7-leftarrow |
.tp-rightarrow |
.sr7-rightarrow |
.tparrows |
.sr7-arrows |
.tp-tabs-inner-wrapper |
.sr7-ntiw |
.tp-tabs-mask |
.sr7-tabs-mask |
.tp-tab-content |
.sr7-tab-content |
.tp-tab-image |
.sr7-tab-img |
.tp-tab-title |
.sr7-tab-title |
.tp-thumbs-inner-wrapper |
.sr7-ntiw |
.tp-thumbs-mask |
.sr7-thumbs-mask |
.tp-thumb-content |
.sr7-thumb-content |
.tp-thumb-image |
.sr7-thumb-img |
.tp-thumb-title |
.sr7-thumb-title |
.tp-bullet |
.sr7-bullet |
.selected |
.selected (változatlan) |
.tp-* a navigációs elemek belsejében |
.sr7-* |
Fontos adatattribútum
Szekció neve “Fontos adatattribútum”| SR6 | SR7 |
|---|---|
rs-module elemen: data-slideactive |
sr7-module elemen: data-current |
Egyéb elemek
Szekció neve “Egyéb elemek”Megszűnt: rs-cbg-mask-wrap, rs-bgvideo, rs-bg-elem, rs-loader, rs-sbg-effectwrap, rs-px-mask. A cusli elem változatlan.
Készült: