# 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](https://hub.hellowp.io/hu/plugins/revslider/fejlesztoknek-kod-atvezetes-js-php/) fejezetben vannak.

## 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

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

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

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

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

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

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

| SR6 | SR7 |
|---|---|
| `rs-module` elemen: `data-slideactive` | `sr7-module` elemen: `data-current` |

## 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.