Cum Adaug Category Overlay Effect?

[dilu']

Cum as putea sa fac si eu ca la unele categorii sa apara: Pentru a avea acces la aceasta categorie trebuie sa te inregistrezi! ?

Multumesc pentru ajutor!

[+BlueSkiLLz]

Poftim : http://webflake.sx/topic/5071-category-overlay-effect/

[dilu']

Deci, am făcut cum spune acolo.

 

Am căutat:

<foreach loop="forums:$_data['forum_data'] as $forum_id => $forum_data">

în boardindextemplate

 

Am adăugat după, codul care spune acolo:

<if test="$cat_data['id'] = 1"> <php>$groups = array(1, 2, 3);</php> <if test="in_array($this->memberData['member_group_id'],  $groups)">    <style type='text/css'>        #category_XX.category_block  {            position:  relative;        }        #category_XX:after  {            content:  "Customers Only";            background:  url("{style_images_url}/transw80.png") repeat;            background:  rgba(255, 255, 255, 0.8);            position:  absolute;            top:  0;            left:  0;            right:  0;            bottom:  0;            font-size:  30px;            line-height:  350px;            text-align:  center;            z-index:  10;            cursor:  normal;            }        </style>        </if></if>

 

Şi l-am modific astfel:

<if test="$cat_data['id'] =1"> <php>$groups = array(1);</php> <if test="in_array($this->memberData['member_group_id'],  $groups)">    <style type='text/css'>        #category_XX.category_block  {            position:  relative;        }        #category_XX:after  {            content:  "Pentru a avea acces la această categorie trebuie să fii autentificat";            background:  url("http://i.imgur.com/owF8hud.png") repeat;            background:  rgba(255, 255, 255, 0.8);            position:  absolute;            top:  0;            left:  0;            right:  0;            bottom:  0;            font-size:  30px;            line-height:  350px;            text-align:  center;            z-index:  10;            cursor:  normal;            }        </style>        </if></if>

 

Să apară la prima categorie, să fie vizibil doar de către Vizitatori şi să apară cu acel overlay şi cu mesajul de "Pentru a avea acces la această categorie trebuie să fii autentificat"

Poate că nu am făcut eu bine modificările la cod, puteţi lua voi codul default şi să faceţi modificările corect, link către forumul meu e în semnătură.

Mulţumesc celor care mă ajută.

[Kennzo]

Modifica:

<style type='text/css'>        #category_XX.category_block  {

cu numarul primei categorii, in loc de XX acel pune ID primei categorii

si modifica si:

#category_XX:after  { 

[dilu']

mulţumesc, am rezolvat, dar e prea luminos şi când nu sunt autentificat să văd dacă merge prima categorie şi a doua sunt lipite.

[Kennzo]

Schimba

background:  rgba(255, 255, 255, 0.8);

cu:

background: rgba(0.0.0.0.7);

[dilu']

Am făcut asta cu luminozitatea, am făcut-o neagră şi se vede destul de bine, dar opacitatea e mai mare decât categoria:

 

 

Şi să nu mai fie lipite,sunt lipite doar când eşti vizitator şi apare faza aia,atunci sunt lipite.

[Kennzo]

Hmm nu cred ca incurca cu nimic.. asa am si eu ..

sau incearca sa schimbi:

position:  absolute; 

cu:

position:  relative; 

[dilu']

Cu "relative" arată mai urât, totuşi cum aş putea să îl fac să nu fie lipite categoriile?

[Kennzo]

Cu "relative" arată mai urât, totuşi cum aş putea să îl fac să nu fie lipite categoriile?

Mie nu mi se par lipite