Vajadzīgas 2 button - uWM // FORUMS

UWM FORUMS · PORTFOLIO · VIETŅU TOP

JAUNĀKAIS FORUMĀ ·

BIEDRU SARAKSTS ·

INFO MEKLĒTĀJS ·

IZSEKOTĀS TĒMAS ·

UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī

Lappuse 1 no 1
1

Vajadzīgas 2 button

Vajadzīgas 2 button

Svētdiena, 15.04.2012, 0:23:13 | Ieraksts #1

PRASTS BIEDRS

Foruma ieraksti: 293

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@GashE^ raksta .. :

1. Darba veids (Avatar, Signature, Header, Banner, Logo u.c.) -2 Button
2. Izmērs (Vēlamais darba izmērs) - 140 × 29
3. Bilde, kuru jāpārveido (ja tāda ir..) -nav
4. Tēma/stils (darba galvenā tematika) Failu katalogā un bilžu katalogā vajag "Pievienot materiālu" bildes
5. Teksts darbā - Pievienot failu , Pievienot bildi

Vēlos lai kaut kas saskaņots ar gaišu dizainu!
Mazliet apaļi stūri

[Famous]Atalgojums:+1 rep Un balva[/Famous]

Paraksta nav

H[o_0]LiGaN

Svētdiena, 22.04.2012, 1:08:15 | Ieraksts #2

VECĀ MIESA

Foruma ieraksti: 827

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@H[o_0]LiGaN raksta .. :

Pielikumi: 9229750.png (4.4 Kb) · 9573190.png (4.4 Kb)

Pirmdiena, 23.04.2012, 11:53:54 | Ieraksts #3

PRASTS BIEDRS

Foruma ieraksti: 293

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@GashE^ raksta .. :

H[o_0]LiGaN,

Es domāju kad ir tāds kvadrāta veida forma bet mazliet noapaļotiem! :/

Paraksta nav

Pirmdiena, 23.04.2012, 1:20:25 | Ieraksts #4

FORUMA DIKTATORS

Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Korijs raksta .. :

Quote (GashE^)

Es domāju kad ir tāds kvadrāta veida forma bet mazliet noapaļotiem! :/

tad precizē, cik ir MAZLIET, savādāk katrs 'mikro-milimetrs' būs svarīgs..

Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM

Pirmdiena, 23.04.2012, 4:15:10 | Ieraksts #5

VECĀ MIESA

Foruma ieraksti: 930

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@wuxmachine raksta .. :

Lai nebūtu photoshop, bet nu myb noder.

Pievienot failu:

Code

<style>
.a-btn{
            background: #454545;
            background-image: -webkit-linear-gradient(top,#454545,#343434);
            background-image: -moz-linear-gradient(top,#454545,#343434);
            background-image: -ms-linear-gradient(top,#454545,#343434);
            background-image: -o-linear-gradient(top,#454545,#343434);
            background-image: linear-gradient(top,#454545,#343434);
            padding-left: 20px;
            padding-right: 80px;
            height: 38px;
            width: 110px;
            display: inline-block;
            position: relative;
            border: 1px solid #5d81ab;
            box-shadow:
            0px 1px 1px rgba(255,255,255,0.8) inset,
            1px 1px 3px rgba(0,0,0,0.2),
            0px 0px 0px 4px rgba(188,188,188,0.5);
            -moz-box-shadow:
            0px 1px 1px rgba(255,255,255,0.8) inset,
            1px 1px 3px rgba(0,0,0,0.2),
            0px 0px 0px 4px rgba(188,188,188,0.5);
            -webkit-box-shadow:
            0px 1px 1px rgba(255,255,255,0.8) inset,
            1px 1px 3px rgba(0,0,0,0.2),
            0px 0px 0px 4px rgba(188,188,188,0.5);
            border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
            float: left;
            clear: both;
            margin: 10px 0px;
            overflow: hidden;
            transition: all 0.3s linear;
}
.a-btn-text{
        padding-top: 10px;
        padding-left: 10px;
        display: block;
        font-size: 14px;
        font-face: "Arial";
        white-space: nowrap;
        text-shadow: 0px 1px 1px #000000;
        color: #96a0af;
        font-variant: small-caps;
        font-weight: bold;
}
.a-btn-slide-text{
        position:absolute;
        height: 100%;
        top: 1px;
        right: 52px;
        width: 0px;
        background: #63707e;
        background-image: -webkit-linear-gradient(top,#52606d,#63707e);
        background-image: -moz-linear-gradient(top,#52606d,#63707e);
        background-image: -ms-linear-gradient(top,#52606d,#63707e);
        background-image: -o-linear-gradient(top,#52606d,#63707e);
        background-image: linear-gradient(top,#52606d,#63707e);
        text-shadow: 0px 1px 1px #363f49;
        color: #fff;
        font-size: 9px;
        white-space: nowrap;
        text-transform: uppercase;
        text-align: left;
        text-indent: 10px;
        overflow: hidden;
        line-height: 38px;
        box-shadow:
        -1px 0px 1px rgba(255,255,255,0.4),
        1px 1px 2px rgba(0,0,0,0.2) inset;
        -moz-box-shadow:
        -1px 0px 1px rgba(255,255,255,0.4),
        1px 1px 2px rgba(0,0,0,0.2) inset;
        -webkit-box-shadow:
        -1px 0px 1px rgba(255,255,255,0.4),
        1px 1px 2px rgba(0,0,0,0.2) inset;
        transition: width 0.3s linear;
        font-variant: small-caps;
        font-weight: bold;
}
.a-btn-icon-right{
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 52px;
        border-left: 1px solid #5d81ab;
        box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
        -moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
        -webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
        width: 38px;
        height: 38px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -20px 0px 0px -20px;
        background: transparent;
        transition: all 0.3s linear;
}
.a-btn:hover{
        padding-right: 180px;
        box-shadow:
        0px 1px 1px rgba(255,255,255,0.8) inset,
        1px 1px 3px rgba(0,0,0,0.2),
        0px 0px 0px 4px rgba(188,188,188,0.5);
        -moz-box-shadow:
        0px 1px 1px rgba(255,255,255,0.8) inset,
        1px 1px 3px rgba(0,0,0,0.2),
        0px 0px 0px 4px rgba(188,188,188,0.5);
        -webkit-box-shadow:
        0px 1px 1px rgba(255,255,255,0.8) inset,
        1px 1px 3px rgba(0,0,0,0.2),
        0px 0px 0px 4px rgba(188,188,188,0.5);
        text-decoration: none;
        text-shadow: 0px 1px 1px #000000;
}
.a-btn:hover .a-btn-text{
        color: #b5b5b5;
}
.a-btn:hover .a-btn-slide-text{
        width: 125px;
} </style>

<?if($ADD_ENTRY_LINK$)?>
        <a href="$ADD_ENTRY_LINK$" class="a-btn">
        <span class="a-btn-text">PIEVIENOT</span>
        <span class="a-btn-slide-text">Jaunu failu</span>
        <span class="a-btn-icon-right"><span></span></span>
        </a>
        <div style="padding: 5px; clear: both;"></div>
            <?endif?>

Pievienot bildi:

Code

<style>
.a-btn{
            background: #454545;
            background-image: -webkit-linear-gradient(top,#454545,#343434);
            background-image: -moz-linear-gradient(top,#454545,#343434);
            background-image: -ms-linear-gradient(top,#454545,#343434);
            background-image: -o-linear-gradient(top,#454545,#343434);
            background-image: linear-gradient(top,#454545,#343434);
            padding-left: 20px;
            padding-right: 80px;
            height: 38px;
            width: 110px;
            display: inline-block;
            position: relative;
            border: 1px solid #5d81ab;
            box-shadow:
            0px 1px 1px rgba(255,255,255,0.8) inset,
            1px 1px 3px rgba(0,0,0,0.2),
            0px 0px 0px 4px rgba(188,188,188,0.5);
            -moz-box-shadow:
            0px 1px 1px rgba(255,255,255,0.8) inset,
            1px 1px 3px rgba(0,0,0,0.2),
            0px 0px 0px 4px rgba(188,188,188,0.5);
            -webkit-box-shadow:
            0px 1px 1px rgba(255,255,255,0.8) inset,
            1px 1px 3px rgba(0,0,0,0.2),
            0px 0px 0px 4px rgba(188,188,188,0.5);
            border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
            float: left;
            clear: both;
            margin: 10px 0px;
            overflow: hidden;
            transition: all 0.3s linear;
}
.a-btn-text{
        padding-top: 10px;
        padding-left: 10px;
        display: block;
        font-size: 14px;
        font-face: "Arial";
        white-space: nowrap;
        text-shadow: 0px 1px 1px #000000;
        color: #96a0af;
        font-variant: small-caps;
        font-weight: bold;
}
.a-btn-slide-text{
        position:absolute;
        height: 100%;
        top: 1px;
        right: 52px;
        width: 0px;
        background: #63707e;
        background-image: -webkit-linear-gradient(top,#52606d,#63707e);
        background-image: -moz-linear-gradient(top,#52606d,#63707e);
        background-image: -ms-linear-gradient(top,#52606d,#63707e);
        background-image: -o-linear-gradient(top,#52606d,#63707e);
        background-image: linear-gradient(top,#52606d,#63707e);
        text-shadow: 0px 1px 1px #363f49;
        color: #fff;
        font-size: 9px;
        white-space: nowrap;
        text-transform: uppercase;
        text-align: left;
        text-indent: 10px;
        overflow: hidden;
        line-height: 38px;
        box-shadow:
        -1px 0px 1px rgba(255,255,255,0.4),
        1px 1px 2px rgba(0,0,0,0.2) inset;
        -moz-box-shadow:
        -1px 0px 1px rgba(255,255,255,0.4),
        1px 1px 2px rgba(0,0,0,0.2) inset;
        -webkit-box-shadow:
        -1px 0px 1px rgba(255,255,255,0.4),
        1px 1px 2px rgba(0,0,0,0.2) inset;
        transition: width 0.3s linear;
        font-variant: small-caps;
        font-weight: bold;
}
.a-btn-icon-right{
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 52px;
        border-left: 1px solid #5d81ab;
        box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
        -moz-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
        -webkit-box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
        width: 38px;
        height: 38px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -20px 0px 0px -20px;
        background: transparent;
        transition: all 0.3s linear;
}
.a-btn:hover{
        padding-right: 180px;
        box-shadow:
        0px 1px 1px rgba(255,255,255,0.8) inset,
        1px 1px 3px rgba(0,0,0,0.2),
        0px 0px 0px 4px rgba(188,188,188,0.5);
        -moz-box-shadow:
        0px 1px 1px rgba(255,255,255,0.8) inset,
        1px 1px 3px rgba(0,0,0,0.2),
        0px 0px 0px 4px rgba(188,188,188,0.5);
        -webkit-box-shadow:
        0px 1px 1px rgba(255,255,255,0.8) inset,
        1px 1px 3px rgba(0,0,0,0.2),
        0px 0px 0px 4px rgba(188,188,188,0.5);
        text-decoration: none;
        text-shadow: 0px 1px 1px #000000;
}
.a-btn:hover .a-btn-text{
        color: #b5b5b5;
}
.a-btn:hover .a-btn-slide-text{
        width: 125px;
} </style>

<?if($ADD_ENTRY_LINK$)?>
        <a href="$ADD_ENTRY_LINK$" class="a-btn">
        <span class="a-btn-text">PIEVIENOT</span>
        <span class="a-btn-slide-text">Jaunu bildi</span>
        <span class="a-btn-icon-right"><span></span></span>
        </a>
        <div style="padding: 5px; clear: both;"></div>
            <?endif?>

Aizstāj veco materialu pievienoshanas kodu ar augstāk redzamo..

BAM BAM BAM

Pirmdiena, 23.04.2012, 5:07:05 | Ieraksts #6

PRASTS BIEDRS

Foruma ieraksti: 293

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@GashE^ raksta .. :

TNX!

TC

Paraksta nav

Pirmdiena, 23.04.2012, 5:45:00 | Ieraksts #7

VECĀ MIESA

Foruma ieraksti: 930

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@wuxmachine raksta .. :

Slēdzu.

BAM BAM BAM

Vajadzīgas 2 button

Lappuse 1 no 1
1

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :

Foruma viszinis
Korijs
UWM karma: 380

Foruma atkarīgais
wuxmachine
UWM karma: 157

Foruma atkarīgais
Robiits
UWM karma: 87

Foruma šamanis
0wn3r
UWM karma: 80

Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78

Foruma atkarīgais
Spanky
UWM karma: 76

Foruma viszinis
Ar4ssS
UWM karma: 74

Foruma atkarīgais
Profth3tic
UWM karma: 55

Foruma atkarīgais
emciits
UWM karma: 52

Foruma atkarīgais
JackDaniel
UWM karma: 51

Foruma atkarīgais
Antikrists
UWM karma: 51

Foruma atkarīgais
Ken_D
UWM karma: 50

uWEBMEISTARS - weblapu veidošanas platformu pamācību un pakalpojumu interneta vides 'rokasgrāmata' / 2011-2024 - visas tiesības aizsargātas (c) UWM
Mājaslapa izmanto internetā brīvi pieejamus, kā arī pašu radītus materiālus, kuru pārpublicēšanas gadījumā atsauce uz UWM kā avotu ir obligāta!