Cooper ügynök

2015. február 21., szombat

Captcha funkció Contact form 7 bővítményhez – Really Simple CAPTCHA

Már írtam a Captcha bővítményről, de a Really Simple CAPTCHA direktben a Contact form 7-hez van fejletszve.

WP-login.php elérésének módosítása + egyedi logó háttér – WP Login Flow

A wp-login.php elérésnek megváltozására a Rename wp-login.php, az egyedi logó és háttérhez pedig a Customize Login Image bővítményt használtam, de a WP Login Flow-al mind ezt megtehetjük.

További bejegyzések »

2015. február 20., péntek

WP sablon: Highwind theme

Elegáns, egyszerű, hivatalos sablonra volt szükség egy ügyvéd honlapjához. A Highwind theme lett a kíválasztott.

Ilyen volt:

Ilyen lett:
http://drkonczzsuzsanna.hu/

2015. február 18., szerda

Carcassonne – függőséghez vezet

Létrehoztam egy "Társasjáték" menüpontot, ami alatt egy lista található kedvenc társasjátékainkról és azokról, amiknek (ajánlások révén) tervbe van a kipróbálásuk.
Az első játék amit kiemelek és részletesen irok róla a Carcassonne.

További bejegyzések »

2015. február 8., vasárnap

WP sablon: Momentous

Olyan sablonra volt szükségünk amely föoldalán kiemelev be lehet mutatni hat üzletet. A Momentous a Theme Zee sablonja pont megfelelt.

Ilyen volt:

Ilyen lett:
http://pontittuzletek.hu/

2015. január 9., péntek

CSS – egyedi betűtípus

Mérei Tamás webdesigner webodalán találtam a következő hasznos CSS megoldást egyedi betűtípusokhoz.

Először is töltsük fel a használni kívánt betűtípust és az elérhetőségét jegyezzük meg.

A sablonunk .css fájljába másoljuk be a következő sorokat:

@font-face {
font-family: az-en-betum;
src: url('betutipus-helye.otf');
}

A nevezzük el a feltöltött betűtípusunk: az-en-betum
és adjuk meg az elérését: betutipus-helye.otf

Majd (pl.: H1-nél) alkalmazzuk:

h1 {
font-family: az-en-betum;
}

Mérei Tamás videót is készített:

2015. január 2., péntek

CSS – effektek kép hivatkozáson

CSS 3 segítségével különböző effekteket helyezhetünk hivatkozásra. Képeken látványos lehet és javasrciptet is megspóroljuk.

Legutóbb egy olyan megoldást készítettem, hogy a kép fekete-fehér, de ha rávisszük az egeret színes lesz.

A képen lévő hivatkozásba be kell írni: class="eff"

<a class="eff" href="hivatkozas"><img src="kep.jpg"></a>

Majd az oldal .css fájljába be kell másolni a következő sorokat:

.eff img{
-webkit-filter: grayscale(1);
border-radius: 50%;
}
.eff:hover img{
-webkit-filter: none;
}

Az .eff img adja meg az alap képet.

-webkit-filter: grayscale(1);

Ez a sor leveszi a színeket a képről.

border-radius: 50%;

A négyzet képet lekerekíti.

Az .eff:hover img-nél megadott tulajdonságok akkor jelentkeznek ha rávisszük az egeret.

-webkit-filter: none;
Ez a rész visszaadja a színeket a képhez.

Bal oldali kép az eredeti állapot, a jobb oldali pedig mikor rávisszük az egeret:

A következő css kód pedig elhalványítja a képet:

.eff img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.eff:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

A lenti oldalakon könnyen tudunk különféle CSS3 kódokat generálni:

http://html5-demos.appspot.com/static/css/filters/index.html

http://css3gen.com/border-radius/

http://css3generator.com/

http://www.css3.me/

http://www.css3maker.com/

2014. december 29., hétfő

Chuck Norris benne volt az összes Star Wars filmben – Ő volt az erő!

Az internetezők körében pár éve kezdett elterjedni, hogy Chuck Norrisról humoros, abszurd megállapításokat találnak ki. Lehet nem kellene olyan emberrel viccelni akit ha műtenek, az orvost kell érzésteleníteni!

További bejegyzések »

2014. december 19., péntek

A lekvárfőzés a pálinka abortusza – Tibi atya bölcsességei

A művész, Tibi atya Facebook profiljáról idézek: "Tibi atya egy fiktív, lecsúszott humbákfalvi pap, görbe tükör a társadalomnak. Célunk a szórakoztatás, senkit nem akarunk megsérteni ezzel. A történetek szereplői kitaláltak, mindennemű hasonlóság a valósággal a véletlen műve."