Cum se numeste hook-ul ?

#Andrei · August 12, 2017

Cum se numeste hook-ul pentru a putea pune asa ? http://prntscr.com/g7ps20 .

Multumesc mult

+JuNNNNkie · August 12, 2017

1 minute ago, #Andrei said:

Cum se numeste hook-ul pentru a putea pune asa ? http://prntscr.com/g7ps20 .

Multumesc mult

acel banner din sidebar?

#Andrei · August 12, 2017

Nu banner . http://prntscr.com/g7ps20
Ii un hook .

DeNyS. · August 12, 2017

Nu e niciun hook. Este doar cod HTML și CSS.

Spoiler

#Andrei · August 12, 2017

3 minutes ago, DeNyS. said:

Nu e niciun hook. Este doar cod HTML și CSS.

Hide contents

<figure class="snip0029">
   <img src="https://redfear.ro/img/sbTeamSpeak_bg.png" alt="sample10">
   <figcaption>
   <div>
   <a href="http://dust2.ro/index.php?/forum/72-server-teamspeak/"><i class="fa fa-info" aria-hidden="true"></i></a>
   <a href="ts3server://ts.dust2.ro?port=10000"><i class="fa fa-headphones" aria-hidden="true"></i></a>
   <a href="https://www.gametracker.com/server_info/193.84.64.150:10000/" target="_blank"><i class="fa fa-area-chart" aria-hidden="true"></i></a>
   </div>
   <h2>ts.<span>dust2</span>.ro</h2>
   </figcaption>
   </figure>

<style>
   @import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);
   @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
   figure.snip0029 {
   font-family: 'Raleway', Arial, sans-serif;
   color: #fff;
   position: relative;
   overflow: hidden;
   margin: 0px 0%;
   min-width: 220px;
   max-width: 310px;
   max-height: 220px;
   width: 100%;
   background: #000000;
   }
   figure.snip0029 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   }
   figure.snip0029 img {
   opacity: 1;
   width: 100%;
   -webkit-transition: opacity 0.35s;
   transition: opacity 0.35s;
   }
   figure.snip0029 figcaption {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-align: left;
   }
   figure.snip0029 figcaption h2 {
   display: inline-block;
   text-align: center;
   border-radius: 5px;
   margin: 0;
   padding: 20px 15px;
   position: absolute;
   font-size: 1.5em;
   bottom: 35%;
   right: 30px;
   left: 30px;
   word-spacing: -0.1em;
   font-weight: 300;
   text-transform: uppercase;
   background-color: #121212;
   -webkit-transition: -webkit-transform 0.35s;
   transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
   -webkit-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
   }
   figure.snip0029 figcaption h2 span {
   font-weight: 800;
   }
   figure.snip0029 figcaption > div {
   border-radius: 0 0 5px 5px;
   background-color: #fff;
   position: absolute;
   left: 45px;
   right: 45px;
   bottom: 35px;
   text-align: center;
   padding: 5px;
   -webkit-transition: -webkit-transform 0.35s;
   transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
   -webkit-transform: translate(0, -40px);
   transform: translate(0, -40px);
   }
   figure.snip0029 figcaption > div i {
   font-size: 23px;
   padding: 6px;
   color: #000000;
   opacity: 0;
   position: relative;
   top: -50px;
   -webkit-transition: top 0.35s, opacity 0.35s;
   transition: top 0.35s, opacity 0.35s;
   }
   figure.snip0029 figcaption a {
   opacity: 0.8;
   }
   figure.snip0029 figcaption a:hover {
   opacity: 1;
   }
   figure.snip0029 figcaption::before {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: '';
   opacity: 0;
   -webkit-transition: opacity 0.4s;
   transition: opacity 0.4s;
   background-image: linear-gradient(to top, #000000 0%, transparent 50%, #000000 100%);
   }
   figure.snip0029:hover img,
   figure.snip0029.hover img {
   opacity: 0.7;
   }
   figure.snip0029:hover figcaption h2,
   figure.snip0029.hover figcaption h2 {
   -webkit-transform: translate(0, -25%);
   transform: translate(0, -25%);
   }
   figure.snip0029:hover figcaption > div,
   figure.snip0029.hover figcaption > div {
   -webkit-transform: translate(0, -15px);
   transform: translate(0, -15px);
   }
   figure.snip0029:hover figcaption::before,
   figure.snip0029.hover figcaption::before {
   opacity: 0.8;
   }
   figure.snip0029:hover figcaption i,
   figure.snip0029.hover figcaption i {
   top: 0px;
   opacity: 0.7;
   }
   figure.snip0029:hover a:first-child i,
   figure.snip0029.hover a:first-child i {
   -webkit-transition-delay: 0.2s;
   transition-delay: 0.2s;
   }
   figure.snip0029:hover a:nth-child(2) i,
   figure.snip0029.hover a:nth-child(2) i {
   -webkit-transition-delay: 0.25s;
   transition-delay: 0.25s;
   }
   figure.snip0029:hover a:nth-child(3) i,
   figure.snip0029.hover a:nth-child(3) i {
   -webkit-transition-delay: 0.3s;
   transition-delay: 0.3s;
   }
   </style>

Si nu trebuie sa am un hook sa-l pun ?

+ZEW · August 12, 2017

10 hours ago, #Andrei said:

Si nu trebuie sa am un hook sa-l pun ?

Dacă omul ți-a spus că nu este nici un hook ci doar HTML și CSS, tu ce crezi? Pui astea in tema ta.

#Andrei · August 12, 2017

Unde il pun ?

+JuNNNNkie · August 14, 2017

Up imi poate si mie spune cum adaug si eu un banner cum e ala de mai sus in sidebar?

Sign In

Cum se numeste hook-ul ?

Recommended Posts

#Andrei

+JuNNNNkie

#Andrei

DeNyS.

#Andrei

+ZEW

#Andrei

+JuNNNNkie

Please sign in to comment

Recently Browsing 0 members

Activity

Browse

Important Information