Intrebare Hook / Script

[HardKenzo]

Cum as putea si eu sa fac acest lucru , tin sa mentionez ca sunt pe versiunea de ipb 3.4.9 . Va multumesc anticipat :

Poze hook / script :

[HardKenzo]

up , va rog !

[+Gregory]

On 05.01.2017 at 9:25 PM, HardKenzo said:

Cum as putea si eu sa fac acest lucru , tin sa mentionez ca sunt pe versiunea de ipb 3.4.9 . Va multumesc anticipat :

Poze hook / script :

Link unde ai vazut?

[+ZEW]

Adaugi, jos de tot, în ACP -> Look & Feel -> Tema ta -> CSS -> ipb_styles.css, codul acesta.

Spoiler

figure.snip1176
figcaption{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:13%;right:13%;border:1px
solid rgba(255, 255, 255, 0.8);border-width:0px 1px;background-color:rgba(0, 0, 0, 0.2)}figure.snip1176
h2{padding:15px
20px;margin:0;text-transform:uppercase;font-weight:400;letter-spacing:2px}figure.snip1176 h2
span{font-weight:800}figure.snip1176 .icon,
figure.snip1176
.caption{overflow:hidden;width:100%;position:absolute}figure.snip1176
.icon{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:0}figure.snip1176
.caption{-webkit-transform:translateY(50%);transform:translateY(50%);bottom:0}figure.snip1176 p,
figure.snip1176 .icon
span{display:table;margin:0
auto;padding:0
10px;position:relative;text-align:center;width:auto;color:rgba(255, 255, 255, 0);font-size:0.8em}figure.snip1176 p:before,
figure.snip1176 .icon span:before,
figure.snip1176 p:after,
figure.snip1176 .icon span:after{position:absolute;height:1px;content:'';background:white;-webkit-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out}figure.snip1176 .icon span:before,
figure.snip1176 .icon span:after{width:1000%;top:50%}figure.snip1176 .icon span:before{left:-1000%}figure.snip1176 .icon span:after{right:-1000%}figure.snip1176
i{color:white;font-size:30px}figure.snip1176 p:before,
figure.snip1176 p:after{width:150%;bottom:50%}figure.snip1176 p:before{left:-100%}figure.snip1176 p:after{right:-100%}figure.snip1176
a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}figure.snip1176:hover img,
figure.snip1176.hover
img{opacity:0.15;-webkit-transform:scale(1.1);transform:scale(1.1)}figure.snip1176:hover p,
figure.snip1176.hover
p{opacity:1;-webkit-transition-delay:0.35s;transition-delay:0.35s;color:#fff}figure.snip1176:hover p:before,
figure.snip1176.hover p:before{left:-150%}figure.snip1176:hover p:after,
figure.snip1176.hover p:after{right:-150%}
figure.snip1176{font-family:'Raleway',Arial,sans-serif;position:relative;float:left;overflow:hidden;margin:10px
1%;min-width:220px;max-width:245px;max-height:220px;width:100%;color:#fff;text-align:center;box-shadow:0 0 5px rgba(0, 0, 0, 0.15)}figure.snip1176
*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out}.boxes
.box_contain{border-bottom:1px dotted rgba(0, 0, 0, 0.1)}.boxes .box_contain:last-child{border-bottom:none}@media (min-width: 38em){.boxes
.box_contain{float:left;width:50%;border-right:1px dotted rgba(0, 0, 0, 0.1);border-bottom:1px dotted rgba(0, 0, 0, 0.1)}.boxes .box_contain:nth-child(2n){border-right:none}.boxes .box_contain:nth-last-child(2){border-bottom:none}}@media (min-width: 74em){.boxes
.box_contain{width:25%;border-bottom:none}.boxes .box_contain:nth-child(2n){border-right:1px dotted rgba(0, 0, 0, 0.1)}.boxes .box_contain:last-child{border-right:none}}.the_box{position:relative;overflow:hidden;width:250px;height:280px;margin:0
auto;background:url('http://darkmind.ro/forum/public/style_images/darkmind/krond.png') no-repeat;color:white;box-shadow:rgba(0,0,0,0.3) 0px 0px 12px;font-family:'Open Sans',sans-serif}.static
h1{position:absolute;width:100%;top:50%;font-size:1.5em;font-weight:400;margin:0;font-family:'Raleway',Arial,sans-serif;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.static
span{position:absolute;bottom:2em;left:0;width:100%;font-weight:300;opacity: .5;text-shadow:1px 1px 1px black}.hover
ul{position:relative;z-index:10;list-style-type:none;margin:0;padding:0;width:100%;font-family:'Racing Sans One',cursive;text-shadow:1px 1px 1px black}.hover ul
li{height:5em}.hover ul li.green
a{background:rgba(41, 41, 41, 0.7)}.hover ul li.green a:hover{background:rgba(41, 41, 41, 0.7)}.hover ul li.purple
a{background:rgba(41, 41, 41, 0.7)}.hover ul li.purple a:hover{background:rgba(41, 41, 41, 0.7)}.hover ul li.red
a{background:rgba(41, 41, 41, 0.7)}.hover ul li.red a:hover{background:rgba(41, 41, 41, 0.7)}.hover ul li.blue
a{background:rgba(41, 41, 41, 0.7)}.hover ul li.blue a:hover{background:rgba(41, 41, 41, 0.7)}.hover ul li
a{display:block;padding:7.5%;font-size:1.1em;font-weight:300;text-decoration:none;color:white;-webkit-transition:background .7s ease;transition:background .7s ease}.hover ul li a span:hover{color:white}.hover ul li a
span{position:relative;display:inline-block;font-size: .777777778em;top:-.125em;margin-left:1em;padding: .25em .75em;background:rgba(0, 0, 0, 0.3);border-radius: .25em}.buykrond ul li
k2{display:block;padding:1.5em;font-size:1.125em;font-weight:300;text-decoration:none;color:white;-webkit-transition:background .7s ease;transition:background .7s ease}.buykrond ul li k2
span{position:relative;display:inline-block;font-size: .777777778em;top:-.125em;margin-left:1em;padding: .25em .75em;background:rgba(0, 0, 0, 0.1);border-radius: .25em}.the_box:hover
.hover{display:block;opacity:1;color:white}.buykrond:hover{color:white}}.style_b ul
li.buykrond{-webkit-transition-delay: .450s;transition-delay: .450s}.style_a ul
li.buykrond{-webkit-transition-delay: .450s;transition-delay: .450s}.hover ul li.buykrond
a{background:rgba(41, 41, 41, 0.7)}.hover ul li.buykrond a:hover{background:rgba(41, 41, 41, 0.7)}.style_k2 ul
li{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.style_a ul
li{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.style_a ul
li.green{-webkit-transition-delay:0;transition-delay:0}.style_a ul
li.purple{-webkit-transition-delay: .125s;transition-delay: .125s}.style_a ul
li.red{-webkit-transition-delay: .25s;transition-delay: .25s}.style_a ul
li.blue{-webkit-transition-delay: .375s;transition-delay: .375s}.style_a .the_box:hover ul
li{-webkit-transform:translateX(0);transform:translateX(0)}.style_b ul
li{-webkit-transform:translateX(-120%) skewX(-45deg) scale(0.5);transform:translateX(-120%) skewX(-45deg) scale(0.5);-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease}.style_b .the_box:hover ul
li{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0)}.style_c ul
li{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:opacity .3s ease, -webkit-transform .4s ease;transition:opacity .3s ease, -webkit-transform .4s ease;transition:transform .4s ease, opacity .3s ease;transition:transform .4s ease, opacity .3s ease, -webkit-transform .4s ease}.style_c .the_box:hover ul
li{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.style_d ul
li{-webkit-transform:translateY(-20em);transform:translateY(-20em);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}.style_d ul
li.green{-webkit-transition-delay:0;transition-delay:0}.style_d ul
li.purple{-webkit-transition-delay: .125s;transition-delay: .125s}.style_d ul
li.red{-webkit-transition-delay: .25s;transition-delay: .25s}.style_d ul
li.blue{-webkit-transition-delay: .375s;transition-delay: .375s}.style_d .the_box:hover ul
li{-webkit-transform:translateY(0);transform:translateY(0)}.logoinit3{pointer-events:all;margin-top:117px;-webkit-transition:0.6s ease-in-out;-moz-transition:0.6s ease-in-out;transition:0.6s ease-in-out;padding:0px;position:absolute;margin-left:-318px}

După în ACP -> Look & Feed -> Board Index -> boardIndexTemplate desupra codului

		<foreach loop="side_blocks:$side_blocks as $block">

Adaugi

<div class="ipsSideBlock clearfix __xX20official20partners20 __xXd720official20partners20">
<h3 id="anonymous_element_327"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">×</a><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links">×</a> Official Partners </h3>

<figure class="snip1176"><img src="http://i.imgur.com/M9hPNIc.png" alt="sample80">
  <figcaption>
    <div class="icon"><span><i class="fa fa-star"></i></span></div>
    <h2>Nume<span>Parteneri</span></h2>
    <div class="caption">
      <p>OFFICIAL  PARTENER</p>
    </div>
  </figcaption><a href="http://link.parteneri" target="_blank"></a>
</figure>
  


</div>

 

Edited January 22, 2017 by ZEW