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.

1629
Resurse
1559
Utilizatori
74
Comentarii
4
Ani online

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

    Căciulite Moş..

    1743

    Script - Server..

    1725

    PHPfox v4.0.8..

    1349

    Script -..

    1241

    Find-Link 0.5.0..

Tutoriale
    707

    2 variante de buton Back to top

    1252

    Cum se instaleaza noi stiluri in Photoshop

    1241

    Cum faci redirect HTTP la HTTPS

    616

    Modificați culoarea barei de adrese din browserul Google Chrome Mobil

    173

    IPS - Culoare Gradient Grupuri

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

Cine este conectat

3 vizitatori pe site. dintre ei:
Oaspeți3
Lista utilizatorilor
Adymyx A fost online 4 ore în urmă

Premium
Fii și tu mai deosebit

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);
}

Link direct:
BB-code link:
HTML link:

Atenție!
Acest material a fost furnizat de artweber.ro doar în scop informativ. Administrația nu este responsabilă pentru conținutul acesteia
Dacă dețineți drepturile de autor la acest material/resursa contactați imediat un administrator.
Script, Server, Connect
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..

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

Discord: Gregory#9972

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.