Cikkajánló
Ez is egy olyan leírás, amit azért teszek fel az oldalra, mert már hangzott el kérdés róla. Hogyan lehet olyan modult készíteni, amiben minta is van? Például ez a
Én ezt a weboldalt a munkahelyemen használom eléggé sűrűn. Ez arra jó, ha tetszik egy adott betűtípus vagy pont ugyanarra van szükségünk, akkor ezen az oldalon meg lehet azt
Mára is hoztam egy WordPress témát. Kivettem a WordPress témás modult a regisztráltak közül, így bárki megtekintheti vagy letöltheti azt. Egyébként hihetetlen, hogy mennyivel hamarabb össze lehet dobni egy
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse G-Portálos téma
Tapasz a kép tetejére

 

 

 

A kép kódja
 

<div align="center">
    <div class="box tape">
        <span class="image-wrap" style="position:relative; display:inline-block; background:url(/images/scripts/image-effects/001.png) no-repeat center center; width: 400px; height: 465px;"><img src="/images/scripts/image-effects/001.png" style="opacity: 0;" /></span>
    </div>
</div>


CSS kód
 

<style type="text/css">
.tape .image-wrap:after {
    position: absolute;
    content: ' ';
    width: 300px; /* tapasz szélessége */
    height: 45px; /* tapasz magassága */
    top: -20px;
    left: 25%; /* tapasz balról elhelyezkedése*/
    margin-left: -50px; /* tapasz jobbról elhelyezkedése */
    border: solid 1px rgba(137,130,48,.2);
    background: -moz-linear-gradient(top, rgba(254,243,127,.6) 0%, rgba(240,224,54,.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,243,127,.6)), color-stop(100%,rgba(240,224,54,.6)));
    background: linear-gradient(top, rgba(254,243,127,.6) 0%,rgba(240,224,54,.6) 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.2);
}
-->
</style>

lindadesign Hozzászólások
860 megtekintés

Hozzászólások