Cikkajánló
A Disqus hozzászólás-kezelő egy olyan rendszer, ami már nagyon sok weboldalba be van ágyazva. Nekem is nagyon tetszik ez a fajta hozzászólás funkció, így az egyik napom felét arra
Sziasztok! Azt hiszem megint jó régen nem jelentkeztem, így gyorsan összedobtam egy G-portálos kinézetet. Egyszerű, letisztult, átlátható lett és nem túl színes. A fejléchez van .psd fájl is, így
Ez a leírás azért jutott eszembe, mert nekem is szükségem volt valamire, amivel ezt meg tudom oldani, ugyanis próbálom majdnem minden leírásomat áttenni bejegyzésbe és az oldalakat meg törlöm.
Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló Apró tippek weboldal szerkesztőknek
2017. október. 11.

Találtam a neten egy tök egyszerű keresőt, amit be lehet illeszteni WordPress oldalakra és ha valaki valami konkrétat szeretne megkeresni az oldalon, csak oda beírja és máris csak azok a cikkek és oldalak jelennek meg a főoldalon. A keresőt bárhová lehet tenni: fejléc, oldalsáv, lábléc. Ezen az oldalon például a fejlécen van. Van hozzá CSS kód is, így olyanra formázzátok, amilyenre akarjátok. Helyet is alig foglal. Egy nagyobb tartalommal rendelkező oldalon azt hiszem hasznos lehet.

 

Kereső kódja

 

<form role="search" method="get" id="searchform" action="<?php bloginfo('url'); ?>">
<input type="text" value="" name="s" id="s" placeholder="Keresés az oldalon">
</form>

 

CSS kód

 

#searchform { /* ezzel a pontos helyet lehet állítani, ha pl. a fejlécre teszitek */
margin-left: 480px;
margin-top: -47px;
position: absolute;
}
#searchform #s {
padding: 10px 40px 8px 10px;
width: 250px;
background-color: #ffffff;
color: #626262;
border: 1px solid #DFDFDF;
}

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

2017. október. 09.

Hello! I’m a hobby designer who loves to do it. I bet orders, but not for free. Most of my themes are mobile-friendly. If you like what I do, contact me and order from me.

 

Prices of themes

 

  • WordPress theme – $8
  • Coppermine Gallery theme – $6
  • Facebook and Twitter cover – $3

 

If you are interested the thing, contact me here: lindadesign1@gmail.com

 

My contact

 

 

Order forms

 

Coppermine Gallery

WordPress themes

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

2017. október. 03.

Már régen írtam bármiféle cikket is arról, ami engem foglalkoztat, így ma ez következett. Talán akad pár emberke, aki megtudja magyarázni nekem, hogy Ő miért is inkább új oldalt nyit ahelyett, hogy a régit dobná fel valamivel? De lássuk is, mert ezt a költözés dolgot egyáltalán nem értem. Legalábbis G-Portálon nem. Úgy értem, ha valaki G-Portálról G-Portálra költözik annak mi az értelme? Valószínűleg persze szükség van némi vérfrissítésre néha, mert attól mindenki újult erővel tudja a munkáját folytatni és jobban is érzi magát tőle, de ehhez nem kell költözni szerintem, csak egy újabb, egyedibb kinézetet kell feltenni az oldalra. Ha meg új URL cím kell, akkor meg simán csak az Extrák menüben lehet potom 205 forintért vásárolni másik címet. Nehogy már azon a kettőszáz forinton múljon, hogy inkább új portált hozzunk létre. Ezt nem rosszból írom, csak nem értem.

 

Mert lássuk be, nem jobb, ha megvan mindenem az adott oldalon még akkor is, ha új blog modult hoznék létre a tiszta lap végett? Ha már egyszer hetekig, hónapokig szerkesztek egy adott oldalt, és netalántán még a szívemhez is nő, de ha nem, akkor is csak értékelem a munkámat, blogomat annyira, hogy nem zárom be, csak vásárolok hozzá új címet. Ráadásul több blog modult is létre lehet hozni ezáltal ketté sőt többe is lehet szedni az oldalon a tartalmat. Lehet egy a blog bejegyzéseknek, egy azoknak a dolgoknak, amiket pl. segítségképpen osztunk meg a látogatóinkkal, stb. Mind külön menüpont lehetne és ha nagyon ügyesek vagyunk, mindegyik blog modul máshogy is nézhetne ki, de ez már nagyon extra…

 

 

Az, hogy valaki G-Portálról például a Flaunt-hoz költözik, az oké. Unja a G-Portált és egy teljesen új és komolyabb oldalt szeretne akár saját domain címmel együtt. De G-Portálról G-Portálra… Érthetetlen. Új főoldallal kezdeni az oldalamon, az oké, de ez is inkább a blogokra vonatkozik. Egy rajongói oldalon viszont nem igazán kellene mindig új főoldalt indítani minden design csere után. Egy ilyen oldalon a blogbejegyzések sokat érnek ám, mert ha pl. egy FAN látogat el az oldalra, az tuti, hogy több régebbi bejegyzésre is kíváncsi lehet és ha ez nincsen, akkor kevesebb rá a lehetőség, hogy máskor is visszajönne. Ezáltal a nézettség is lecsökken.

 

A másik, hogy már sokan ismerhetik a blog nevét vagy URL címét, amit akár már a Google is felismer és a kereső elején találkozhatunk magunkkal. Ezáltal több látogatót szerezve. De ha újabb oldalakat nyitunk, akkor arra sem lesz esély, hogy a Google felismerjen minket, mert azért a keresőnek is kell némi idő, mire bekerül az oldalunk a találati listába. Ha meg nem akarjuk, hogy benne legyünk a találati listába, vagy hogy ismert legyen az oldal, mert csak magunknak írunk, akkor meg regisztrálttá kell tenni például.

 

Szóval én inkább kiadnám azt a kettőszáz forintot, ha új oldalcímre vágynék, mert bárhogy nézem, mindenhogyan ez lenne a jobb megoldás.

 

Létrehoztam itt egy szavazást is, ha esetleg úgy “mondanátok” el, hogy ti mit szoktatok vagy tettetek már.

 

Költözzek vagy ne költözzek?


Szavazás állása

Loading ... Loading ...
lindadesign Hozzászólások
256 megtekintés

2017. október. 03.

Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be van linkelve a másik kettő elérési útja, de a fő menüben is megtalálhatóak a többi projektdoboz között itt: Kódok – Projektdobozok. Na de lássuk az első dobozkát.

 

Képes project szövegdoboz 29.
Képes project szövegdoboz 30.

 

Izabella Hadid

Bella Hadid amerikai modell. 16 éves kora aktív a divatszakmában, ám 2014-ben érte el az áttörést, amikor leszerződött az IMG Models ügynökséggel. A kifutón már többek között Moschino, Diane Von Fürstenberg és Tommy Hilfiger ruháiban is fellépett, illetve a Vogue, a GQ és a Harper’s Bazaar számainak élén is szerepelt.

 

DIV kód
A kép méretére mindig figyeljetek, mert nagyon fontos. Ahhoz igazodik minden. A perjelek helyére mennek a linkek URL címei.

 

<div id="projektdoboz">
<div class="cim"><p>PROJEKT CÍME</p></div>
<img src="KÉP URL CÍME" style="width:380px;" />
<div class="tartalom">IDE JÖN A SZÖVEG</div>
<div class="linkek"><a href="/" target="new">Hivatalos</a><a href="/">Hírek</a><a href="/" target="new">Galéria</a></div>
</div>

 

CSS kód

 

<style type="text/css">
#projektdoboz {
width: 380px;
margin: 0 auto;
font-family: Arial;
font-size: 13px;
}
.linkek a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
color: #ffffff !important;
text-decoration:none;
padding: 5px;
margin: -5px 2px 0 2px;
display: inline-block;
text-decoration: none;
background: #3A474F;
width:29.6%;
}
.linkek a:hover {
background: #C06E46;
}
.cim {
position: absolute;
margin-top: 12px;
margin-left: 12px;
}
.cim p {
background: rgba(255,255,255, 0.8);
color: #000000;
border: 1px solid #ffffff;
text-transform: uppercase;
font-weight: bold;
padding: 8px;
}
.tartalom {
color: #ffffff;
text-align: justify;
line-height: 18px;
border: 1px solid #ffffff;
padding: 6px;
width: 340px;
margin: 0 auto;
position: absolute;
left: 25.8%;
margin-top: -145px;
}
</style>

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

2017. október. 03.

Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be van linkelve a másik kettő elérési útja, de a fő menüben is megtalálhatóak a többi projektdoboz között itt: Kódok – Projektdobozok. Na de lássuk az első dobozkát.

 
Képes project szövegdoboz 29.
Képes project szövegdoboz 31.

 

Izabella Hadid

Bella Hadid amerikai modell. 16 éves kora aktív a divatszakmában, ám 2014-ben érte el az áttörést, amikor leszerződött az IMG Models ügynökséggel. A kifutón már többek között Moschino, Diane Von Fürstenberg és Tommy Hilfiger ruháiban is fellépett, illetve a Vogue, a GQ és a Harper’s Bazaar számainak élén is szerepelt.

 

DIV kód
A kép méretére mindig figyeljetek, mert nagyon fontos. Ahhoz igazodik minden. A perjelek helyére mennek a linkek URL címei.

 

<div class="projektdoboz">
<div class="cim"><p>PROJEKT CÍME</p></div>
<img src="KÉP URL CÍME" style="width:380px;" />
<div class="tartalom">IDE JÖN A SZÖVEG</div>
<div class="linkek"><a href="/" target="new">Hivatalos</a><a href="/">Hírek</a><a href="/" target="new">Galéria</a></div>
</div>

 

CSS kód

 

<style type="text/css">
.projektdoboz {
width: 380px;
margin: 0 auto;
font-family: Arial;
font-size: 13px;
}
.linkek {
position: relative;
top: -45px;
left: 7px;
}
.linkek a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
color: #ffffff !important;
border-bottom: 1px solid #ffffff;
text-decoration:none;
margin: 5px 6px 0 0;
display: inline-block;
text-decoration: none;
background: #C06E46;
width:31%;
}
.linkek a:hover {
background: #3A474F;
}
.cim {
position: absolute;
margin-top: 5px;
width: 380px;
}
.cim p {
background: rgba(255,255,255, 0.8);
color: #000000;
border: 1px solid #ffffff;
text-transform: uppercase;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
padding: 8px 0;
}
.tartalom {
color: #ffffff;
text-align: justify;
line-height: 18px;
border: 1px solid #ffffff;
padding: 6px;
width: 340px;
margin: 0 auto;
position: absolute;
left: 25.9%;
margin-top: -166px;
}
</style>

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

2017. október. 03.

Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be van linkelve a másik kettő elérési útja, de a fő menüben is megtalálhatóak a többi projektdoboz között itt: Kódok – Projektdobozok. Na de lássuk az első dobozkát.

 
Képes project szövegdoboz 30.
Képes project szövegdoboz 31.

 

Jason Statham

Legismertebb filmes alakításait ezidáig akciófilmekben nyújtotta; Guy Ritchie több filmjében szerepet kapott. Szerepel A szállító című filmben és annak két folytatásában, a Crank – Felpörögve című filmben, valamint a film második részében és A feláldozhatók három részében. A Halálos iramban 7., illetve 8. részében is.

 

DIV kód
A kép méretére mindig figyeljetek, mert nagyon fontos. Ahhoz igazodik minden. A perjelek helyére mennek a linkek URL címei.

 

<div class="projektdoboz">
<img src="IDE JÖN A KÉP URL CÍME" style="width:242px; float:right;" />
<div class="cim"><p>PROJEKT CÍME</p></div>
<div class="linkek"><a href="/" target="new">Hivatalos</a><a href="/">Hírek</a><a href="/" target="new">Galéria</a></div></div>
<div class="tartalom">IDE JÖN A SZÖVEG</div>

 

CSS kód

 

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lora:400,700,700i&subset=latin-ext');
.projektdoboz {
width: 380px;
margin: 0 auto;
font-family: 'Lora', serif;
font-size: 13px;
background: #BABABA;
display: table;
}
.linkek a {
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #000000 !important;
text-decoration:none;
letter-spacing: 1px;
padding: 8px 0 0 0;
display: inline-block;
text-decoration: none;
width:35%;
}
.linkek a:hover {
color: #C06E46 !important;
}
.cim {
position: absolute;
margin-top: 160px;
margin-left: 25px;
}
.cim p {
font-size: 30px;
color: #ffffff;
font-weight: 700;
font-style: italic;
border-bottom: 2px solid #ffffff;
}
.tartalom {
font-family: Arial;
font-size: 12px;
color: #000000;
text-align: justify;
line-height: 18px;
border: 1px solid #000000;
padding: 6px;
width: 366px;
position: relative;
margin: 0 auto;
}
</style>

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

Featured Video Play Icon

Éppen rendelésre készítek egy WordPress kinézetet, ahol kaptam egy linket arról, hogy nagyjából hogyan nézzen ki a téma. Azon az oldalon láttam, hogy egyes kiemelt képek helyén videó jelenik meg. Nagyon megtetszett a dolog és gondoltam megosztom veletek, hogy hogyan tudtok a kiemelt képek helyére videót illeszteni. Ehhez egy végtelenül egyszerű pluginra lesz szükségünk, amit le lehet tölteni vagy a Vezérlőpulton belül feltelepíteni. Ki hogyan szokta… A plugin innen letölthető vagy a keresőbe kell a nevét beírni a vezérlőpulton belül és aztán telepíteni. Feltelepítés és bekapcsolás után máris használható a bővítmény. Amint új bejegyzést írtok vagy belementek egy régibe ott lesz jobb oldalon egy Featured Video nevezetű ablakocska. Oda egyszerűen csak be kell illeszteni a videó URL címét és ennyi :) Elmentés után a kiemelt kép helyett videó jelenik meg.

 

Nálam most úgy van beállítva, hogy rá kell kattintani a kiemelt képre és akkor vált át a videóra, de úgy is meglehet csinálni, hogy egyből a videó jelenjen meg. Extra beállításai azért vannak a pluginnak, amit itt találtok meg a Vezérlőpulton belül: Beállítások – Média

 

 

 

A videó illeszkedik a kiemelt képnek megadott mérethez, mint ahogy a képeken is látjátok. Magasságilag persze arányosan állítódik be a videó.

 

Főoldal

 

Aloldal

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

2017. október. 02.

Készítettem a napokban kettő darab projektdobozt, aztán gondoltam el is hozom egyszerre hamar a kettőt, nehogy baj legyen belőle később, mert az sem mindegy, hogy mikor mit frissítek… Egyébként nekem nagyon tetszik mind a kettő doboz. Nem nagy szám egyik sem valóban, de én kódoltam és arra törekedtem, hogy azért egyszerű legyen, hogy bárki tudja használni. Értelemszerűen a doboz méretétől függ, hogy mi hol jelenik meg benne, szóval, ha kisebb vagy nagyobb méretet használtok, mint 380 pixel, akkor ahhoz mérten kell módosítani a margin és padding értékeket is, és a doboz szélességét, ami most 380 pixel.

 

Egyszer volt, hol nem volt

A történet helyszíne egy Maine állambeli tengerparti város, melynek neve Storybrooke. Egy bosszúvágytól elvakult gonosz királynő ebbe a városba száműzte a mesevilág lakóit, megfosztva őket történetük boldog befejezésétől. Storybrooke-ban nem jár az idő, itt a Gonosz királynő hozza a szabályokat…

 

A második projektdoboz itt található meg: Képes project szövegdoboz 27.

 

DIV kód
A perjelek helyére kell másolni az URL címeket.

 

<div id="projektdoboz">
<img src="IDE JÖN A KÉP URL CÍME" style="width:380px;" />
<div class="linkek"><a href="/" target="new">Hivatalos</a><a href="/">Hírek</a><a href="/" target="new">Galéria</a></div>
<div class="cim"><p>PROJEKT CÍME</p></div>
<div class="tartalom">PROJEKT LEÍRÁSA</div>
</div>
</div>

 

CSS kód

 

<style>
#projektdoboz {
width: 380px;
margin: 0 auto;
font-family: Arial;
font-size: 13px;
}
.linkek {
position: absolute;
margin-top: -113px;
margin-left: 15px;
z-index: 1;
}
.linkek a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
border-left:5px solid #A33F41;
color: #ffffff !important;
text-decoration:none;
padding-left: 5px;
margin-right: 10px;
display: inline-block;
text-decoration: none;
}
.linkek a:hover {
}
.cim {
position: absolute;
margin-top: -80px;
margin-left: 15px;
}
.cim p {
background: rgba(0,0,0, 0.3);
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
border: 1px solid #ffffff;
padding: 8px 15px;
}
.tartalom {
color: #000000;
background: #EAEAEA;
text-align: justify;
line-height: 18px;
border: 1px solid #D4D4D4;
padding: 6px;
width: 340px;
margin: 0 auto;
position: relative;
top: -25px;
}
</style>

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

2017. október. 02.

Készítettem a napokban kettő darab projektdobozt, aztán gondoltam el is hozom egyszerre hamar a kettőt, nehogy baj legyen belőle később, mert az sem mindegy, hogy mikor mit frissítek… Egyébként nekem nagyon tetszik mind a kettő doboz. Nem nagy szám egyik sem valóban, de én kódoltam és arra törekedtem, hogy azért egyszerű legyen, hogy bárki tudja használni. Értelemszerűen a doboz méretétől függ, hogy mi hol jelenik meg benne, szóval, ha kisebb vagy nagyobb méretet használtok, mint 380 pixel, akkor ahhoz mérten kell módosítani a margin és padding értékeket is, és a doboz szélességét, ami most 380 pixel.

 

The Good Fight – Diane védelmében

A Diane védelmében egy amerikai jogi és politikai televíziós drámasorozat, amelyet a CBS streaming szolgáltatásához készítenek, a CBS All Accesshez. A streaming szolgáltatás első saját gyártású sorozata.

 

A második projektdoboz itt található meg: Képes project szövegdoboz 28.

 

DIV kód
A perjelek helyére kell másolni az URL címeket.

 

<div id="projektdoboz">
<div class="linkek"><a href="/" target="new">Hivatalos</a><a href="/">Hírek</a><a href="/" target="new">Galéria</a></div>
<img style="width: 380px;" src="IDE JÖN A KÉP URL CÍME" />
<div class="cim"><p>PROJEKT CÍME</p></div>
<div class="tartalom">PROJEKT LEÍRÁSA</div>
</div>

 

CSS kód

 

<style>
#projektdoboz {
width: 380px;
margin: 0 auto;
font-family: Arial;
font-size: 13px;
}
.linkek {
position: relative;
top: 20px;
left: 24px;
}
.linkek a {
padding:6px 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 1px;
background: rgba(0,0,0, 0.6);
text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
border-left:5px solid #A33F41;
color: #ffffff !important;
text-decoration:none;
margin-right: 10px;
width: 100px;
display: inline-block;
text-decoration: none;
}
.linkek a:hover {
background: rgba(0,0,0, 0.8);
border-left:5px solid #EFC2AD;
}
.cim {
position: absolute;
margin-top: -78px;
margin-left: 15px;
}
.cim p {
background: rgba(0,0,0, 0.3);
color: #ffffff;
padding: 15px;
text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
border: 1px solid #ffffff;
}
.tartalom {
background: #EAEAEA;
text-align: justify;
line-height: 18px;
padding: 6px;
}</style>

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

Sziasztok :) Még egy prémium Coppermine galériát készítettem, hogy legalább kettő legyen és ne egy, mert az olyan uncsi. Élőben meg tudjátok nézni, hogy milyen is a design, és ha szeretnétek, akkor vegyétek fel velem a kapcsolatot vagy vásároljátok meg Sellfy-n ;) Ez megint annyira jól sikerült (ízlések és pofonok), hogy nem szerettem volna ingyenesnek feltenni. Azt hiszem legközelebb már pár darab ingyenes kinézetet is készítek, ami pl. nem lesz mobilbarát és a hagyományos galériákra fog hajazni. Igaz nekem a prémium kinézetek jobban tetszenek, mert eléggé egyediek és már kissé úgyis unom a hagyományos galéria kinézeteket.

 

A csomag tartalma
– reszponzív design
– oldalsáv
– .psd file
– FontAwesome ikonok
– egyedi betűtípus
– flaunt.nu hirdetés beágyazva
– beüzemelési segítség
– segítek bármiben, ha kell

 

Prémium | Selena Gomez Coppermine Gallery theme
Előnézet 1 | Előnézet 2 | Kapcsolat | Vásárlás
lindadesign Hozzászólások
187 megtekintés

Sikerült megint egy prémium témát készítenem WordPress-hez. Valami kéket szerettem volna és azt hiszem sikerült is egy szép kék színt választanom hozzá. Nagyon szeretem Gigi-nek ezt a fotósorozatát, így nem tudtam kihagyni, hogy ne legyen belőle egy valamilyen téma és mivel a WordPress témákból készítek kevesebbet, bár azt nem tudom, hogy miért, így ma is erre esett a választásom. Egyébként a téma megnézhető élőben is a WP minta oldalamon, hogy lássátok, milyen is igazából és nem csak képen :)

 

A csomag tartalma:
– Reszponzív design
– Kiemelt kép
– CSS stílusok csoportosítva külön mappában
– Project doboz az oldalsávban
– Font Awesome ikonok
– .psd fájlok
– flaunt.nu hirdetés beágyazva
– egyedi elit csere kinézet
– számos lapozó a bejegyzések alatt
– segítek bármiben, ha kell

 

Prémium | Gigi Hadid WordPress Theme
Előnézet | Demó | Kapcsolat | Vásárlás
lindadesign Hozzászólások
146 megtekintés