Jump to content

Intrebare Hook / Script


HardKenzo

Recommended Posts

  • 3 weeks later...

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 : 1.png2.png

Link unde ai vazut?

[ Proecte ART ]
www.artweber.ro - Resurse de care are nevoie un designer si nu numai.

www.artimg.biz - Free upload images.

Link to comment
Share on other sites

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 by ZEW

"Sufletele cele mai întunecate nu sunt cele care aleg să existe în iad, ci acelea care aleg să evadeze și se mută în tăcere printre noi." - Samuel Loomis (Halloween)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.