Scurtă descriere


Site-ul artweber oferă resurse pentru PhotoShop cum ar fi psd-uri ( Bannere , Logo , Avatare , și coperte pentru Facebook , YouTube ) Iar pentru a-ți realiza propriile creații oferim resurse PhotoShop ( Font-uri , Gradient-uri , Wallpapere , Stil-uri și multe altele ) și pentru site-uri oferim diferite Script-uri , Index-uri.

557
Resurse
1360
Utilizatori
67
Comentarii
3
Ani online

Forumul ArtWeber Cerere Lucrare Inregistreaza-te Resurse Premium Cum să Downloadez
Meniu
Top 5 Script-uri
    1435

    Script - Server..

    1396

    Căciulite Moş..

    1037

    Find-Link 0.5.0..

    1036

    Script -..

    963

    Decorati de..

Tutoriale
    887

    Cum faci redirect HTTP la HTTPS

    568

    Cum se instaleaza noi Pensule in Photoshop

    371

    Zăpadă cu ajutorul CSS3 animație

    789

    Cum se instaleaza noi stiluri in Photoshop

    354

    2 variante de buton Back to top

Iti place ceea ce facem
Da
Nu
Nu-ma intereseaza
Parteneri
Rețele sociale

Cine este conectat

Total online: 2
Utilizatori: 0
Oaspeţii: 2

Premium
Fii și tu mai deosebit
ANUNȚ
Bună, daca ai întîmpinat o problemă la autentificare pe site, restabilește parola. pentru a raporta o problemă deschide un subiect aici.

3

Script - Server Connect

Script - Server Connect


livedemo


HTML - Se adauga unde vreti sa se vada scriptul dat .
<div>
<figure class="snip0068 red"><img src="http://static.md/c81469faa0aee79e9b3d19b1bb7bf221.png" alt="sampl31">
  <figcaption>
    <div class="__xXteamspeak203">
      <h3 id="anonymous_element_4"><a href="#" class="ipsSidebar_trigger ipsType_smaller right desc mod_links"></a>TeamSpeak 3</h3>
    </div>
    <div><span>Click To Connect</span></div>
    <a href="ts3server://ip-ul-tau"></a>
  </figcaption>
</figure>
</div>


CSS - Se adauga in style.css (default) .
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);
figure.snip0068 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 220px;
  max-width: 310px;
  max-height: 220px;
  width: 100%;
  background: #000000;
  text-align: center;
}

figure.snip0068 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

figure.snip0068 img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

figure.snip0068 figcaption {
  position: absolute;
  bottom: 0;
  left: 18%;
  right: 18%;
  height: 100%;
}

figure.snip0068 figcaption > div {
  overflow: hidden;
  width: 100%;
  position: relative;
  height: 50%;
}

figure.snip0068 h3,
figure.snip0068 span {
  margin: 0;
  padding: 10px 15px;
  display: inline-block;
  width: 100%;
  font-weight: 800;
  text-transform: uppercase;
}

figure.snip0068 h3 {
  background: #333333;
  position: relative;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}

figure.snip0068 span {
  background: #ffffff;
  color: #4d4d4d;
  -webkit-transform: translate3d(0%, -100%, 0);
  transform: translate3d(0%, -100%, 0);
}

figure.snip0068 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}

figure.snip0068.blue {
  background: #0a212f;
}

figure.snip0068.blue h3 {
  background: #2980b9;
}

figure.snip0068.red {
  background: #36100c;
}

figure.snip0068.red h3 {
  background: #c0392b;
}

figure.snip0068.yellow {
  background: #562e0a;
}

figure.snip0068.yellow h3 {
  background: #e67e22;
}

figure.snip0068:hover img,
figure.snip0068.hover img {
  opacity: 0.35;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip0068:hover figcaption h3,
figure.snip0068.hover figcaption h3 {
  -webkit-transform: translate3d(0%, 100%, 0);
  transform: translate3d(0%, 100%, 0);
}

figure.snip0068:hover figcaption span,
figure.snip0068.hover figcaption span {
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
}
dle

Link direct:
BB-code link:
HTML link:

Stimate vizitator, esti pe site ca utilizator neînregistrat.
Vă recomandăm să vă Înregistrați.

HazZaRD

  • 6 Septembrie 2016 14:30

Background-ul e facut de mine, de ce nu puneti si autorul lucrarii? :)

Gregory

  • 10 Septembrie 2016 23:48

Quote: HazZaRD
Background-ul e facut de mine, de ce nu puneti si autorul lucrarii? :)

Nu sa postat lucrarea , ci scriptul..

--------------------

Skype : live:admin_95750

dragoNu.

  • 2 Decembrie 2016 13:47

Scriptul nu e prea bun...am adaugat

in ipb_styles.css si celalalt cod l-am pus cu sidebar blocks si nu merge..il pune aiurea
PS: Am pus tot codul.
informație
Ai vrea sa lasi un comentariu? Conectați-vă la contul dvs. pentru a lăsa comentarii. Nu ai cont? Aveți posibilitatea să creați un cont gratuit acum.