2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Coppermine | Egérre felugró ablak tartalmának megváltoztatása

Nem tudom ti hogy vagytok vele, de engem mindig is idegesített a Coppermine galériában az a felugró ablak, ha egy kép fölé visszük az egeret. Már csak azért is, mert mindent egy sorban egymás után tesz ki és olyan adatokat tartalmaz, amiknek semmi jelentősége nincsen. Úgy értem a fájl neve hol érdekel engem? :D Vagy a mérete vagy, hogy mikor lett feltöltve? A feltöltés dátumának a felugró ablakban azért sincs jelentősége, mert azt a galéria is mutatja. Ott van a kép alatt a legutóbb feltöltött modulban. A lényeg az, hogy ezen szintén lehet változtatni többféleképpen is. Meg lehet csinálni, hogy minden információ külön sorban legyen, vagy meg is lehet változtatni, hogy mit mutasson a felugró ablak, de ki is lehet törölni, hogy egyáltalán ne legyen. Akkor menjünk szépen sorba ezeken.

 

A fájl, amiben módosítani fogunk itt található meg a szerveren: gallery mappa / include mappa / functions.inc.php fájl

 

Ezt a fájlt másoljátok át  gépetekre és nyissátok meg. Keressétek meg benne ezeket a kódsorokat:

 

$pic_title = $lang_common['filename'] . '=' . $row['filename'] . $LINEBREAK .
$lang_common['filesize'] . '=' . ($row['filesize'] >> 10) . $lang_byte_units[1] . $LINEBREAK .
$lang_display_thumbnails['dimensions'] . $row['pwidth'] . "x" . $row['pheight'] . $LINEBREAK .
$lang_display_thumbnails['date_added'] . localised_date($row['ctime'], $lang_date['album']);

 

Ez az eredeti nézet

 

Ha csak sorokat adnátok hozzá, akkor erre a kódra cseréljétek ki mind a négy sort:

 

$pic_title = $lang_common['filename'] . '=' . $row['filename'] . '<br />' . $LINEBREAK .
$lang_common['filesize'] . '=' . ($row['filesize'] >> 10) . $lang_byte_units[1] . '<br />' . $LINEBREAK .
$lang_display_thumbnails['dimensions'] . $row['pwidth'] . "x" . $row['pheight'] . '<br />' . $LINEBREAK .
$lang_display_thumbnails['date_added'] . localised_date($row['ctime'], $lang_date['album']);

 

Sorok hozzáadásával

 

Ha nem kell ennyi info nektek sem, akkor a négy sor helyett használjátok csak ezt a kettőt:

 

$pic_title = $row['title'] ? $row['title'] : $row['filename'] . '<br />' . $LINEBREAK .
$lang_display_thumbnails['dimensions'] . $row['pwidth'] . "x" . $row['pheight'];

 

Ebben úgy néz ki a dolog, hogy ha egy képre viszitek az egeret, akkor kiadja a kép nevét és annak méretét pixelben. Ezek az infok is feleslegesek, de valami azért legyen :) Ha pedig egy albumra viszitek az egeret, akkor csak az album címét adja ki.

 

        

 

Ha pedig semmilyen ablak ne ugorjon fel, akkor egyszerűen csak ki kell törölni a négy eredeti sort és kész is.

Forrás


107 megtekintés

GIF készítése egy pillanat alatt

Még régebben volt olyan kérdés, hogy hogyan lehet egyszerűen videóból GIF-eket az-az mozgó képeket készíteni. Találtam egy nagyon egyszerű kis programot hozzá, amivel egy pillanat alatt lehet .gif fájlt készíteni. Mivel pár perc az egész így videó tutorialt hoztam róla. Így talán könnyebben elsajátítjátok a program használatát. Ilyen gifeket szokás például a Tumblr oldalon megosztani vagy csak úgy hobbiból is lehet csinálni, hogy a kedvenc jelenetekből GIF-eket készítsünk. Egy-egy darabot weboldalra is lehet tenni, de nem kell túlzásokba esni vele, mert az az oldal rovására megy, ugyanis eléggé nagy méretűek ezek a fájlok, így az oldalak nehezebben töltenek be tőle. De egy-kettő belefér.

 

A videót a kiemelt kép helyén látjátok, a programot pedig innen tudjátok letölteni.

 

Pár szó a program használatáról

 

  • A programban az első oldalon meg kell adni percben avagy másodpercben, hogy mettől meddig vágja ki a képeket a videóból. Ezt úgy tudjátok elérni, hogy előtte megnézitek a videót és felírjátok a kedvenc jelenetek idejének helyét. Kipróbáltam, akár egy 40 perces videóból is lehet kivágni képeket. Meg is csináltam. Ezen a linken meg tudjátok nézniItt pedig kisebb méretben is megcsináltam, bár a fájl mérete alig változott csak.
  • Szintúgy az első oldalon kell beállítani, hogy mekkora legyen a gif. Ezekből nem szokás túl nagy méretűeket készíteni. Ajánlom az 500 pixel széleset, azok még nem olyan nagyok.
  • A második oldalon már ott lesznek a kivágott képek. Bal oldalon pedig az előnézeti képek. Itt lehet törölni a kivágott képekből, mert nyilván attól mert megadtuk a perceket még lehet benne olyan jelenet, amire nincsen szükségünk.
  • Ha meg van az összes képkocka, akkor a Color Matching részben az alsót kell kiválasztani, mert így lesz tökéletes a kép minősége.
  • A Play Speed résznél pedig a gif sebességén lehet változtatni. gyorsítani és lassítani is lehet.
  • Ha végzett a program, akkor egyből felajánlja, hogy megnézzük-e a kész művet és naná, hogy igen :) De a videóban ez is benne van.

 


141 megtekintés

FREE theme | Dakota Johnson WordPress theme

Sziasztok :) Ahogy ígértem készítettem egy ingyenes WordPress témát, mert már régen csináltam ilyet és kellett a Free témákhoz is valami új. A téma ingyenes, de ettől függetlenül ezt is mobilbarát kinézetűre szerkesztettem meg. Mobilon és ötféle böngészőben tesztelve, szóval nagyjából azt mondhatom, hogy mindenhol jól mutat. A témában egyedül a fejlécet kell cserélni vagy ha értetek hozzá, akkor át is lehet szerkeszteni. Letisztult, egyszerű a kinézet, szóval bármilyen fejléccel jól mutat. Ha kérdés lenne, írjatok és segítek :) Használjátok egészséggel!

 

A csomag tartalma
reszponzív design
– .psd fájlok
– FontAwesome ikonok
– egyedi betűtípus
– flaunt.nu hirdetés beágyazva
– kereső az oldalon
– egyedi idézetblokk és galériablokk doboz
– beüzemelési segítség
– segítek bármiben, ha kell

 

FREE | Dakota Johnson WordPress theme
Demo | Live | Contact | Store

216 megtekintés

WordPress alapvető használata

Gondoltam írok egy kis összegzőt arról, hogy hogyan is érdemes WordPress oldalt szerkeszteni. Most nem a kinézetre gondolok, hanem a tartalmi részére. Olyanokra például, hogy mi a különbség a címkék és kategóriák között vagy, hogy hogyan érdemes bejegyzést létrehozni, meg ilyesmi. Amiket leírok, azok csak tanácsok és nem muszáj megfogadni őket, de szerintem ha megfogadjátok sokkal átláthatóbb lenne az oldalatok és ezen kívül a Google keresőnek is “megkönnyítenétek a munkáját”.

 

Kategóriák: ez igazából olyan menü félének felel meg, de egyesek ezt használják menünek is, ahova a fő kategóriákat lehetne tenni, mint például: fotósorozatok, események, videó, magazin, stb… A Google kevésbé szereti a kategóriákat, sőt, igazság szerint a címkékre van általában a legtöbb találat.

 

A címkék szintén linkelhetőek, de ide bármennyi szót lehet létrehozni. Ez egyfajta alkategóriája a kategóriáknak vagy ha úgy jobban hangzik, akkor almenü. Például az események kategóriáján belül itt lehet megadni az esemény pontos nevét. Vagy a fotósorozatban a fotós nevét. Minél több címkét hozunk létre annál több az esély, hogy a Google-ban jó helyre kerüljünk. Ami még a címkéknél fontos, hogy vagy a láblécben vagy az oldalsávban jó, ha meg vannak jelenítve. Azt javaslom, hogy a kategóriák helyett inkább a címkéket jelenítsétek meg. A kategóriáknak nincs akkora szerepe a keresőkben. De a legjobb, ha mind a kettő jelen van az oldalon.

 

Itt van kettő oldal, amik részletesebben írnak a kategóriákról és a címkékről:
webdesignsuli.hu
www.wp-suli.hu

 

És ebből adódik az is, ami ugyanilyen fontos, hogy egy bejegyzésben csak egyféle téma legyen. Egyrészt így több hírt tudtok írni, másrészt átláthatóbb az oldal minden téren, és így ha a látogatót például csak a fotósorozatok érdeklik, akkor az adott címkére vagy kategóriára való kattintás után csak ezek fognak előjönni nekik. Mert ha egy bejegyzésbe bele van zsúfolva minden új hír, akkor nem sok értelme van a kategóriáknak és címkéknek, mert hiába érdekel a fotósorozat, ha abban események és videók is vannak, így nem lehet csak az adott témára keresni, mert ugyanúgy minden meg fog jelenni.

 

 

Ami még szerintem szebbé és átláthatóbbá teszi az oldalt, az az, ha a főoldalon nem jelenítitek meg a teljes bejegyzést. Így is, úgy is elolvassa a látogató a cikket, ha érdekelni fogja. De az, hogy van 5 hír egy oldalon tele rövid cikkekkel és annál több videóval, meg képekkel, az nem előnyös. Kinézetileg sem mutat jól, és az oldal is lassabban tölt be a sok kép és videó miatt, ami megint csak hátrány. Plusz szerintem nem is olyan átlátható így az oldal. De ha mégis a hagyományosnál maradtok, akkor 4-5 bejegyzésnél több ne legyen egy oldalon, mert nem mutat jól egy túlzsúfolt oldal sem, hiába szép rajta a design.

 

És még egy dolog, ami talán nem olyan fontos, de kényelmes a látogatóknak, hogy az elit cseréket vagy az olyan linkeket, amik külső az-az más oldalára mutatnak mindig új ablakban lehessen megnyitni.

 

Ha betartjátok, betartjátok, ha nem, akkor nem. Ezek csak tanácsok saját tapasztalat alapján, de én javaslom a fentebb leírtakat mindenkinek.


145 megtekintés

Ingyenes | Eliza Taylor G-Portálos téma

Készítettem egy újabb ingyenes G-Portálos témát, ami némileg hasonlít a Vanessa Marano és Kristin Kreuk témákhoz. Nem gondoltam volna, hogy azt a két témát így fogjátok szeretni, de örülök neki, hogy így van, ezért készítettem egy harmadikat is hasonló stílusban. A .psd képek és a segítségek most is benne vannak a .zip fájlban. Ha valami nem menne, vagy segítségre lesz szükségetek, kérdezzetek bátran :)

 

Ingyenes | Eliza Taylor G-Portálos téma
Előnézet | Aloldal | DEMO | Kapcsolat | Letöltöm

 


218 megtekintés

Képes project szövegdoboz 32.

Készítettem egy új projektdobozt, amiben az a különleges, hogy most .gif képet tettem bele, mert így szerintem nem olyan sablonos. Kicsit így különlegesebb lehet a munkálatok modul. De azért nem kell nagy és sok .gif-et alkalmazni, mert attól lassabban tölt be az oldal, de egy-kettő bőven belefér :) A kódot a demó alatt találjátok. Ha valami nem lenne egyértelmű kérdezzetek nyugodtan.

 

Gilmore girls
Amerikai sorozat | 42 perces
Bemutató: 2000. október 5.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.

DIV kód

 
<div class="projektdoboz">
<div class="cim">
<b>Gilmore girls</b>
<i>Amerikai sorozat | 42 perces</i>
Bemutató: 2000. október 5.
</div>
<div class="kep"><img src="IDE JÖN A KÉP URL CÍME" style="outline: 1px solid #ffffff; outline-offset: -5px;"></div>
<div class="linkek">
<a href="/" target="new">► galéria</a>
<a href="/" target="new">► hírek</a>
<a href="/" target="new">► hivatalos</a>
</div>
<div class="leiras">
IDE JÖN A TARTALMI RÉSZ
</div>
</div>

 

CSS kód

 
<style>
.projektdoboz {
font-size: 12px;
width: 400px;
line-height: 17px!important;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table; /* fix, ne módosítsd */
}
.cim {
color: #ffffff!important;
margin: 160px 0 0 20px;
position: absolute;
}
.cim b {
color: #ffffff!important;
font-size: 18px;
}
.cim i {
color: #ffffff!important;
font-weight: bold;
}
.kep {
width: 100%;
height: auto;
}
.linkek {
width: 30%;
float: left;
display: flex;
justify-content: center;
flex-direction: column;
}
.linkek a {
padding: 10px 5px;
background: #f0f0f0;
width: 100%;
margin-bottom: 5px;
}
.leiras {
padding: 3px 0 0 10px;
width: 70%;
float: right;
}
</style>


172 megtekintés

Videó beágyazása Coppermine galériába 2.0

Jó múltkorában hoztam egy Coppermine Galéria videó tutorialt, de ott az volt a cél, hogy például YouTube videókat lehessen beágyazni a galériába. Most egy olyan leírással jöttem, amiben azt lehet megoldani, hogy akár saját videókat is fel tudjatok tölteni a képtárba. Ez például blogoknál hasznos vagy tutorialos oldalon. A galériában lehet az elkészített videókat feltölteni, így simán lehet például egy multimédiás videótárat is létrehozni. Vagy döntsétek el, hogy mire használnátok :) Ennek példájára készítettem egy videót, amiben azt mutatom meg, hogy én hogyan szoktam .png képeket készíteni Photoshop-ban. Úgy is sokan kérdeztétek már. Majd magáról a tutorialról írok bővebben egy másik bejegyzésben, mert nem akartam magát a videót tele írni. De csak a megnézése alapján is megtanulható a dolog :) A videót meggyorsítottam, hogy a file mérete kisebb lehessen, mert elvileg bármekkora fájlt fel lehet tölteni, de minél nagyobb egy file, annál nehezebben indul meg a töltése nézés előtt. Persze az internet sebesség is közrejátszik ebben.

 

Minta videó megtekintése: PNG készítése

 

Valószínű, hogy Sosugary galériával is megoldható, csak ott nem FTP-n kell feltölteni a bővítményeket, hanem az Admin menü – Beépülők kezelése alatt.

 

Ami biztos, hogy az előnézet generátor plugin itt is fog kelleni, hogy a videónak is legyen rendes kis képe és ne így nézzen ki:

 

 

Még egyszer erről nem szeretnék írni, mert ebben a cikkben benne van, szóval azt a részt nézzétek át itt: Videó beágyazása Coppermine galériába 1.0. Tudjuk le ezt a bővítményt és képzeljük, hogy ezt már fel is telepítettétek. Most pedig töltsétek le a videó plugint.

 

Letöltöm

 

A .zip fájlt ki kell csomagolni, amit aztán a galéria plugins mappájába fel kell másolni. Total Commanderrel kapcsolódjatok a tárhelyetekhez és menjetek bele a gallery mappába. Vagy galeria, vagy kepek, amelyik mappában nektek a galériátok van. Azon belül pedig a plugins mappába menjetek bele. Látjátok, hogy már van benne pár plugin, amik alapértelmezetten benne is voltak. Ide másoljátok fel a két kibontott bővítmény mappáját.

 

Ez után a galériátokban az admin menüben keressétek ezt és kattintsatok is rá:

 

 

Keressétek ezt a bővítményt és kapcsoljátok be.

 

 

A Details-ra ha rákattintotok, kiadja, hogy milyen formátumok lehetnek a videók. Az .mp4 és az .flv az, amit ez a lejátszó lejátszik. Nem sok a választás ez igaz, de egy videót simán és gyorsan át lehet konvertálni az adott formátumra. De ha alapból ilyen formátumban töltötök le videót, ahol van ilyen lehetőség, akkor annál jobb. Vagy ha sajátot készítetek, akkor meg ezek közül az egyik formátumot kell választani. Igazából ennyi lenne. Beállítani sem kell semmit a bővítményen. Ez után ugyanúgy, mintha képet töltenétek fel, fel kell egy videót másolni a galériába Total Commanderrel, aztán hozzáadni az adott albumhoz. Ez után kell neki a kis képet generálni és készen is vagyunk. Meg lehet nézni a saját videót a galériában :)

 

Ha olyan videót töltötök fel, amit előtte valahonnan lementettetek, akkor a galériába a videóhoz a forrást ne felejtsétek el ott is feltüntetni linkelve!


100 megtekintés

Coppermine themes

 
 

Coppermine FREE themes

 
Preview | Megnézem


 

Coppermine PREMIUM themes

 
Preview | Megnézem


 

 

Sosugary FREE themes

 
Preview | Megnézem
 


172 megtekintés

WordPress themes

 
 

WordPress FREE themes

 
Preview | Megnézem


 

WordPress PREMIUM themes

 
Preview | Megnézem


 

189 megtekintés

Új design a LindaDesign-on

Végre bírtam szakítani egy kis időt magamra is két rendelés között, így elkészült az oldal legújabb kinézete, ami eléggé egyszerű lett, mégis egyedi. Apró hibák még akadnak, amiket ki kell javítanom és reményeim szerint 1-2 nap múlva kész is leszek vele teljesen. Azt hiszem leszoktam arról, hogy valamilyen sztárral készítsek kinézetet vagy akár nagyon virágos legyen. A sztáros képekkel úgy vagyok, hogy nem annyira illik egy portálépítős oldalra, így meg a logómmal és az összhatással meg vagyok elégedve és imádom a főoldalamat is :) Már gondoltam lekicsinyítem a kiemelt képeket, mert túl nagynak bizonyultak, és így több hely is maradt a tartalomnak. Mondjuk ahhoz képest, hogy minden felkerült a fejlécre, amit akartam, mégis kicsit üresnek érzem, de most így tetszik :) De nem akarok róla többet írni, csak gondoltam szólok, hogy új kinézet van ♥


465 megtekintés

Megrendelőlap

Sziasztok! Itt tudtok rendelni kinézetet oldalatokra. A rossz hír az, hogy sajnos nem ingyen készítem már őket. Ha ingyenes témát szeretnétek, akkor ezek közül tudtok válogatni. Ha tetszik nektek amit csinálok és szeretnétek rendelni, akkor e-mailben vegyétek fel velem a kapcsolatot a részletek miatt. Általában 2-6 nap között készítem el a kinézetet, de akad olyan is, hogy 2-3 hétbe telik, de erről e-mailben mindenkit tájékoztatok. A saját design-omhoz hasonlót, ami az oldalamon szerepel olyat nem készítek. Visszamenőleg sem. A már elkészültek közül tudtok választani mintát. Az árakról e-mailben érdeklődjetek.

 

G-Portál téma – Teljes G-Portál téma, amiben ezek vannak: oldalsáv, fejlécen lévő dolgok, project doboz, oldal info doboz, font awesome ikonok, stb. Egyedi dolgok, ha megoldható megcsinálom.

 

WordPress téma – Teljes WordPress téma, amiben ezek vannak: oldalsáv, fejlécen lévő dolgok, project doboz, oldal info doboz, kettő reklám, font awesome ikonok, stb. Egyedi dolgok, ha megoldható megcsinálom.

 

Coppermine téma – A Coppermine témában ezek vannak: Üdvözlő üzenet, font awesome ikonok, oldalsáv (ha úgy kéritek), reszponzív kinézet, egyedi menü (az alap menüt megszűntetem), stb.

 

Csomagban WP és CPG együtt – Ugyanaz a leírás vonatkozik itt is mind a kettő témára, mint feljebb.

 

Facebook és Twitter borító

 

Csak jó minőségű HQ képeket fogadok el, amit vagy e-mailben küldjetek el vagy pedig linkeljétek be, hogy hol találom, mert keresgélni nem fogok. Ti mondjátok meg, hogy milyen képekből legyen a kinézet.

 

Megrendelőlap

 
Melyik téma?:

Oldal szlogenje avagy neve:

Üdvözlő üzenet:

Ki is ő? rövid tartalma:

URL:

Navigáció:

Képek:

Színválasztás:

Friss képek fejlécen vagy oldalsávban:

Friss hírek fejlécen?:

Közösségi ikonok URL (ha szükséges):

Egyéb üzenet nekem:

 

Szabályok

 

1. Utólag nem másolhatjátok le a témát és a grafika részét sem
2. Az-az az én témámból nem készíthettek átszerkesztett “saját” témát
3. Kódrészleteket sem lehet belőle kivenni
4. Ne reklámozzátok, mintha ti készítettétek volna
5. Az oldalam linkje nem törölhető!

 

Elérhetőségek

 

website: lindadesign-nonstop.hu

facebook: www.facebook.com/LindaDesign.Nonstop

twitter: twitter.com/LindaDesign_

google+: plus.google.com/+LindaDesign

PORTFOLIO: www.flickr.com/photos/lindadesign

themes shop: sellfy.com/lindadesign

e-mail: lindadesign1@gmail.com


381 megtekintés