Cikkajánló
A Képes üdvözlő szövegdoboz után elhoztam a másik nagy népszerűségnek örvendő szövegdobozt is. Ez a Képes project szövegdoboz. Ebbe írható például leírás a kedvenceitek aktuális munkálatairól vagy ismertető egy
Ma is készítettem egy új G-Portálos CSS kódot, ami igazából blog oldalakon mutat jól :) Fejléc is adható hozzá. Mostanában nem sok időm van frisst hozni, ezért készítek GP
A költözésem óta a Coppermine Galéria témák menüpont üresen maradt. De most volt egy kis időm és három darab régebbi sablont a G-Portálos oldalamról áthoztam ide. Kicsit alakítottam rajtuk,
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma

Sziasztok! Már eléggé ideje volt új kinézetet varázsolnom az oldalamra azt hiszem, így ezen a hétvégén szántam rá egy kis időt. Nem vittem túlzásba a dolgot. Nem akartam semmi cicomát vagy extra dolgot készíteni az oldalnak, így eléggé egyszerűre sikeredett az egész. A főoldalon megváltoztattam a bejegyzések kinézetét, mert egy kicsit már untam a két hasábot. A fejlécről pedig mindent levettem, mert azok is csak idegesítettek már ott. Ez most jobban tetszik :)

 

A frissítés pedig annyi, hogy a régi Google Fonts-os leírásomat átírtam, hogy passzoljon a mostani kinézetű Fonts-os oldalhoz és aki esetleg nem tud egyelőre rajta kiigazodni, az is tudjon egyedi betűtípust használni a saját weboldalán :) A leírás frissítését itt éritek el: HTML/PHP – Betűtípus leírások – Egyedi betűtípus honlapodon 1.

 

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

Sziasztok! Kicsit csúszásban vagyok a honlapverseny kihirdetésével, de hát ez van sajnos. Mostanában alig jutok gép közelébe. Igaz, hogy április elseje van, de a verseny végeredménye nem tréfa, még ha egyesek majd úgy is fogják gondolni ;) A résztvevőknél figyelembe vettem a kinézetet, a tartalmat, a szövegszerkesztést és a frissek gyakoriságát is. Igaz, hogy mind a három oldallal előfordult már, hogy kihagyott napokat vagy heteket friss hír hozásával, de ez mindenkivel előfordul, így ezt annyira nem vettem figyelembe. Bármi közbe jöhet, ami miatt egy ideig az ember nem tud elég időt szakítani az oldalára.

 

Lejjebb a helyezettek alatt ott vannak a többiek is felsorolva, hogy ki hányadik lett ezen a versenyen. Na, de nem is húzom tovább az időt. Akkor lássuk a helyezetteket:

 

3. helyezett
http://www.fromninaa.gportal.hu/

 

2. helyezett
http://www.the-walkingdead.gportal.hu/

 

1. helyezett
http://www.charmed500.gportal.hu/

 
Gratulálok a helyezetteknek! A nyeremények mennek e-mailben és postán is. Aki igényt tart a gravírozott tollra, éremre és érembetétre, az majd adja meg az elérhetőségét nekem e-mailben és a jövőhét folyamán küldöm őket :) És ott majd minden más egyebet is megbeszélünk.

 

A többiek helyezései a következőek

 

4. helyezett: http://www.seb-vettel.gportal.hu/

5. helyezett: http://www.glamour-factory.gportal.hu/

6. helyezett: http://www.nox-arcana.gportal.hu/

7. helyezett: http://www.criminalminds.gportal.hu/

8. helyezett: http://www.shay-m.gportal.hu/

9. helyezett: http://www.l-hale.gportal.hu/

10. helyezett: http://www.lovely-ninadobrev.gportal.hu/

11. helyezett: http://www.steroline.gportal.hu/

12. helyezett: http://www.arrowolicity.gportal.hu/

13. helyezett: http://www.emmroberts.gportal.hu/

14. helyezett: http://d-obrien.com/

15. helyezett: https://avikander.us/

16. helyezett: http://www.delena.gportal.hu/

17. helyezett: http://www.fuckinway.gportal.hu/

18. helyezett: http://www.bigbangtheory.gportal.hu/

19. helyezett: http://www.greta-chevelle.gportal.hu/

20. helyezett: http://www.always-zendaya.gportal.hu/

21. helyezett: http://www.jegvirag.gportal.hu/

22. helyezett: http://www.art-of-imagination.gportal.hu/

23. helyezett: http://www.transportus.gportal.hu/

24. helyezett: http://www.star-stable-online.gportal.hu/

25. helyezett: http://www.depressed.gportal.hu/

26. helyezett: http://www.goodnite.gportal.hu/

27. helyezett: http://www.neverendingstory.gportal.hu/

28. helyezett: http://www.unicornkiss.gportal.hu/

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

Sziasztok! Kicsit megkésve, de most hozom a Facebook-os szavazás egy darab közönségnyertesét és a három darab oldalt, akik sorsolás által nyertek mindannyian 50-50-50 kreditet :) A fő végeredményt a jövőhét végén hirdetem majd ki. A táblát már nyugodtan levehetitek, innentől nem számít, hogy kint van-e vagy sem. Gratulálok a közönségszavazás nyertesének. 91 like-kal a http://www.transportus.gportal.hu/ oldalt like-olták a legtöbben, így övé lett 50 kredit.

 

A sorsolás által ez a három oldal nyert még 50 kreditet fejenként:

 

 

A krediteket a napokban minden oldalnak ki fogom küldeni :) Még egyszer gratulálok nektek és remélem legközelebb is neveztek ;)

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

2017. február. 26.

Sziasztok! Először is nagyon sajnálom, hogy ilyen sokáig nem jelentkeztem, de a gépemmel volt egy kisebb hiba. Azóta új gépem van, plusz a régi vinyóm is bekrepált és azon volt minden adatom. Csak mostanában sikerült visszakapnom róla mindenemet. Így elsőre hoztam kettő darab ingyenes blog témát G-Portálra, plusz az elmaradt G-Portálos kinézeteket is megcsináltam. Akik WordPress kinézetet rendeltek, azokét a jövőhét végén fogom elkezdeni vagy befejezni. Mostanában egyre több a blog és egyre letisztultabb kinézeteket látok mindenhol, így követve ezt a stílust én is olyan témákat készítettem most az ingyenes témákból. Egy ideig, amíg vissza nem rázódom több sablont fogok hozni. Mert azok hasznosak is és gyorsan készen vannak :)

 

A két téma bekerült a többi közé ide: G-Portálos teljes kinézetek
Alulról az utolsó kettő a legfrissebb.

 

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

2017. február. 04.

Szia mindenki! Elindult A tél weboldala verseny szavazása. Összesen 28 darab oldal nevezett a versenyre. Mindegyik különleges a maga nemében ♥ Ez most a közönségszavazás. Amelyik képre a legtöbb szavazat érkezik, az-az oldal nyer 50 kreditet, függetlenül a verseny teljes végeredményétől. Már jött is 1-2 szavazat :) Azért választottam a Facebook-os megoldást, mert így senki nem mondhatja, hogy a verseny igazságtalan lenne. Csak az oldal tulajdonosokon múlik, hogy melyik képre mennyien fognak szavazni. A szavazás a hónap végéig mehet. Minden eredményt egyszerre fogok majd kihirdetni a verseny legvégén, ami előre láthatólag február 28-a lesz. Vagy is, az azutáni hétvége, ami március 4-5-re esik. Izgalmakkal teli versenyzést mindenkinek :)

 

Ha véletlenül valaki mégis csalna a lájkokkal, akkor az a teljes versenyből ki lesz zárva!

 

Itt a link, ahol lehet szavazni:
https://www.facebook.com/LindaDesign.NonStop/photos/?tab=album&album_id=1589200261097126

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

Igaz, mondhatni senki nem használja a címkéket a WordPress-ben, csak a kategóriákat. Pedig ennek a használatával pl. a Google keresőben még előrébb lehetne az oldal a találati listák között. Nem tudom miért van, de a címkéket a Google jobban szereti. Ha rákeresek valami cikkre vagy bármire, akkor 99%-ban olyan linkeket ad ki, ami az adott szó címke változata. Például elvezet az index.hu oldalára, ami a Titanic címkék gyűjtőhelye. Szóval azt tanácsolom, hogy használjatok címkéket. Én is ha lesz időm, akkor becímkézem a cikkeimet, ami nem kevés. Még, ha nem is jelenítitek meg az oldalsávban a címkéket, akkor is használjátok.

 

 

Na, de a cikket azért írom, mert ezeket a címkéket meg lehet jeleníteni a bejegyzéseknél és az oldalsávban is. A bejegyzésnél ugyanúgy kell, mint a kategóriákat. Ez a kódja és oda teszitek, ahol meg akarjátok jeleníteni a címkéket.

 

<?php the_tags(' '); ?>

 

Az oldalsávban pedig ezt a kódot kell bemásolni. Kis ismertető a kódhoz, ami fontosabb:

 

smallest: a legkisebb méretű címke (pixelben)
largest: a legnagyobb méretű címke (pixelben)
number: mennyi címkét jelenítsen meg
separator: ha nem tesztek semmit a két jel közé, akkor nem választj el semmivel a címkéket. Lehet bele tenni vesszőt, pontot, stb.
order: jelen esetben ABC sorrendbe teszi a címkéket

 

<center>
<div class="cimkefelho">
<?php
wp_tag_cloud( array( 'topic_count_text_callback' => 'my_tag_text_callback', 'smallest' => '15', 'largest' => '20', 'unit' => 'px', 'number' => '45', 'separator' => ' ', 'orderby' => 'count', 'order' => 'ASC' ) );
function my_tag_text_callback( $count ) {
return sprintf( _n( '', '', $count ), number_format_i18n( $count ) );
}
?>
</div>
</center>

 

A hozzá való CSS kód pedig ez. Ez már rajtatok múlik, hogy hogyan nézzen ki.

 

.cimkefelho {
text-decoration: none !important;
width: 100%;
display: inline;
}
.cimkefelho a:link, .cimkefelho a:visited {
color: #00899B !important;
padding: 0px 10px;
}
.cimkefelho a:hover {
color: #FF703E !important;
text-decoration: none;
}

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

2016. december. 29.

Sziasztok! A napokban készítettem rendelésre G-Portálos design-okat, és úgy belejöttem, hogy csak úgy, mert éppen volt időm, csináltam négy darab ingyen letölthetőt is :) Többször van, hogy mostanában úgy kéritek a rendeléseket, hogy inkább letisztultabb kinézetű legyen, így ez a négy ingyenes is olyan lett. Sztáros oldalakat készítettem, de értelemszerűen a fejléc cserélhető. Akikről készültek a kinézetek: Celine Dion • Demi Lovato • Jennifer Lawrence • Selena Gomez. És miközben csináltam a design-okat, rájöttem, hogy egy tök alap CSS kódot még meg sem osztottam veletek. Ez a CSS kód arra való, hogy a fejlécre tudjátok tenni a modult. Mármint, hogy feljebb csússzon rá a fejlécre. Egyetlen apró kód az egész. Nem kell semmit állítgatni az oldalon, csak a többi kód közé ezt a sor kódot kell betenni és máris a fejlécen lesz a tartalmi rész

 

A kód, amivel a fejlécre helyezhető a tartalom

 

.sitemain {
margin-top: -80px !important;
}

 

A kinézeteket pedig itt tudjátok letölteni. Ezt az aloldalt is végre átalakítottam, mert az előző borzalmas volt már. Így átláthatóbbak lettek a letölthető kinézetek is :)
G-Portál – G-Portálos teljes kinézetek

 

  
  
Kattintsatok a képekre a nagy mérethez!

lindadesign Hozzászólások
1 227 megtekintés

Alapértelmezetten általában ezt a kódot használjátok a főoldali bejegyzéseknél, ha ki van írva a cikkíró neve: <?php the_author(); ?>

 

Ez a kód lett kiegészítve úgy, hogy egyrészt a név linkelhető, másrészt azért linkelhető a név, mert ezzel a kóddal azt lehet elérni, hogy minden cikkíró cikkét külön meg lehet nézni. Ki mit írt és mennyi cikket. Ez akkor jó, ha pl. több szerkesztője van az oldalnak. Többen írnak cikkeket. Például engem jobban érdekelnek XY cikkei, mert tartalmasabbak, mint AB cikkei, akkor az XY nevére kattintva csak az ő cikkei jelennek meg az oldalon. Nem nagy szám, de szerintem hasznos kis kód.

 

Az alapértelmezett kódot kell kicserélni erre a kódra:

 

<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>"><?php the_author(); ?></a>

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

A Bővebben link átnevezését már elég sokan tudjátok, nem is ez a legfontosabb része ennek a cikknek. Inkább arról van szó, ahogy az ikont használjátok előtte. Mindenhol úgy látom, hogy teljesen összeér az ikon és a link és az úgy annyira nem szép. Itt egy kép, mire gondolok:

 

 

Szóval ezen lehet a CSS kódban segíteni. Hogy ne érjen így össze az ikon és a link. Biztosan több módja van, de nekem az alábbi vált be a legjobban. Ez a kód a teljes kódot tartalmazza. Az átnevezést és az ikont is a link előtt. A kódban kiemeltem azt a részt, amivel a szünetet tettem a link és az ikon közé. Simán csak a content résznél több perjelet tettem a kódba: content:”\f090 \ \ \Teljes hír”;

 

Plusz ugyanennél a résznél azt is be tudjátok állítani, hogy a linknek milyen legyen a betűtípusa. Itt akkor most kettő nevet kell adni. Az egyik a FontAwesome betűtípus, a másik meg pl. Arial. Így az ikon felveszi a FontAwesome betűtípust, míg a link pedig az Arialt: font-family: Arial, FontAwesome;

 

 

/* bővebben */
.blogmorelink {
background: #006A90 !important;
border: 0px;
padding: 10px 0 10px 0 !important;
margin-top: 12px !important;
text-align: center !important;
margin-left: 280px !important;
margin-right: 280px !important;
}
.blogmorelink a:link, .blogmorelink a:visited {
color: #ffffff !important;
font-weight: normal;
font-style: normal !important;
font-size: 13px !important;
font-family: Calibri;
background: transparent !important;
}
.blogmorelink a {
visibility: hidden;
}
.blogmorelink a:before {
content:"\f090 \ \ \Teljes hír";
font-family: 'Merriweather', serif, FontAwesome;
font-size: 12px !important;
margin-left: 60px !important;
white-space: pre;
visibility: visible;
}
.blogmorelink a:hover {
text-decoration: underline;
}

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

Mielőtt megörülnétek, nem, nem lett a G-Portálon ilyen funkció. Ezt magunknak kell elkészíteni. Viszont, mivel sok mindenki használja a szélső sávban a címkéket felsorolás jellegűen, így készítettem egy tök egyszerű kódot, amivel azért pofásabbá lehet tenni a címkéket a G-Portálon is a szélső sávban. Ehhez először is kell egy modul az oldalsávban, ahova fel kell vinni a címkéket és be kell linkelni őket. Ha sok címkét használtok, nos hát, akkor csak a legfontosabbakat tegyétek ki szélre.

 

A kódolás a modulban így legyen: írjátok meg a cikkeket, linkeljétek be őket. Simán csak egy szóközzel legyenek a címkék elválasztva egymástól. Fent a vastag, dőlt, aláhúzott stílus mellett ott van az áthúzás is. Azzal húzogassátok ki a szavakat. Így fog kinézni a modulban:

 

 

A forráskódja pedig ilyen lesz

 

<strike><a href=”http://24.hu” target=”_blank”>24.hu</a></strike> <strike><a href=”http://gilmores.atw.hu” target=”_blank”>gilmores.atw.hu</a></strike> <strike><a href=”http://cosmopolitan.hu” target=”_blank”>cosmopolitan.hu</a></strike> <strike><a href=”http://hotdog.hu” target=”_blank”>hotdog.hu</a></strike> <strike><a href=”http://libri.hu” target=”_blank”>libri.hu</a></strike> <strike><a href=”http://port.hu” target=”_blank”>port.hu</a></strike> <strike><a href=”https://hu.wikipedia.org/wiki/Kezd%C5%91lap” target=”_blank”>wikipedia.org</a></strike> <strike><a href=”http://www.imdb.com/” target=”_blank”>imdb.com</a></strike>

 

És már csak a CSS kód kell, hogy elmentés után így nézhessen ki

 

 

.column_side strike{
text-decoration: none !important;
width: 100%;
line-height: 30px;
display: inline;
}
.column_side strike a:link, .column_side strike a:visited {
padding: 5px 10px 5px 10px;
color: #ffffff !important;
background: #006A90;
}
.column_side strike a:hover {
background: #AE2010;
text-decoration: none;
}

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

2016. december. 25.

Több kérdést kaptam már arról, hogy meg lehet-e csinálni azt, hogy a címkék vesszővel vagy ponttal vagy valamivel el legyenek választva egymástól. Ehhez a G-Portáltól kértem segítséget, mert ha valaki sosem tanulta a kódolást, akkor ugye nem tudhat mindent. És én, amit tudok azt magamtól tudom, nem tanította senki, tehát ebben segítséget kellett kérnem. Kaptam is egy alap kódot, amit én már kicsit át is variáltam, hogy “majdnem” tökéletes lehessen.

 

 

Csak egy kis CSS-re van hozzá szükség és semmi másra. Az elválasztáshoz itt is a FontAwesome ikonok között választhattok egyet, ha a pont nem felelne meg.

 

/* címkék */
.blogtags {
font-size: 0px!important;
text-align: left;
margin: -45px 0px 0px 30px!important;
position: absolute;
width: 750px;
background: transparent;
padding: 10px 0 7px 10px;
}
.blogtags a:after { /* itt adjátok meg, hogy mi válassza el a címkéket egymástól */
content: "\f111";
font-size: 6px;
font-family: FontAwesome;
margin-left: 7px;
margin-top: 0px;
position: absolute;
}
.blogtags a:last-child:after {
content: "";
margin: 0;
}
.blogtags:before { /* ikon a címkék előtt */
font-size: 14px;
font-weight: normal !important;
font-style: normal !important;
color: #ffffff;
background: #D28E28;
padding: 10px;
font-family: FontAwesome;
content: "\f02c";
margin-left: -40px !important;
margin-top: -10px;
position: absolute;
}
.blogtags a:link, .blogtags a:visited {
font-size: 13px;
font-family: 'Raleway', sans-serif;
font-weight: normal;
font-style: normal !important;
color: #3B3B3B !important;
padding: 4px;
margin-right: 10px;
}
.blogtags a:hover {
color: #ffffff !important;
background: #AE2010;
}

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