2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
80 napja
111 néző

WordPress themes

WordPress themes
81 napja
114 néző

G-Portál themes

G-Portál themes
81 napja
67 néző

Tumblr themes

Tumblr themes
81 napja
101 néző

Coppermine | X megtekintés és dátum módosítása
356 megtekintés

Most egy olyan leírást hoztam el nektek, amivel a Coppermine galériában megtudjátok változtatni a dátum teljes tartalmának kinézetét és ugyanígy az X megtekintés tartalmát is a képek alatt. Plusz az ehhez tartozó CSS kódokat is bemásoltam ide alulra, hogy akkor már kinézetileg is készítsük el rendesen :) A lejjebb látható képen látjátok, hogy miről is beszélek.

 

EREDETI

 

DÁTUM MÓDOSÍTÁSA

 

X MEGTEKINTÉS MÓDOSÍTÁSA

 

A VÉGLEGES KINÉZET

 

Először az X megtekintést módosítjuk. Ehhez a galéria mappán belül a lang mappában található hungarian.php fájlra lesz szükségünk. A tárhelyről ezt a fájlt másoljátok át a gépetekre és készítsetek belőle biztonsági mentést is! Ha lementettétek a tárhelyre, akkor ajánlatos pl. a NotePad programmal megnyitni vagy ahhoz hasonlóval. Így sokkal átláthatóbb a teljes fájl. A kódban keressétek meg ezt a sort:

 

$lang_get_pic_data['n_comments'] = '%s hozzászólás';

 

Ha NotePad-ot használtok vagy hasonlót, akkor csak be kell írni a keresőbe és azonnal oda is ugrunk. Az ez alatt lévő sorban lehet megváltoztatni a megtekintések tartalmát. Mást is oda lehet írni, de akár a megtekintés szót ki is lehet törölni, ahogy azt nálam is látjátok a képen. A fantáziátokra van bízva, hogy mit kezdtek ezzel az információval ;) Ebből lett ez:

 

$lang_get_pic_data['n_views'] = '%s megtekintés';

 

EREDETI

 

$lang_get_pic_data['n_views'] = '%s';

 

MÓDOSÍTOTT

 

Ugyanebben a fájlban módosítjuk a dátumot is a következő sorban (lejjebb látható). Az is látható a kódban, hogy a Coppermine még információt is ad arra, hogy hol találjuk meg a dátum formátumokat, ha éppen módosítani szeretnénk azt. Tehát látogassuk meg ezt a weboldalt és válasszunk másik dátumkinézetet, mert mondjuk rövidebbet szeretnénk, vagy nem akarjuk, hogy ki legyen írva szöveggel a hónap, stb. Az oldalon a táblázatban a bal szélső tartalom az, amit be kell másolnunk a kódunkba, a jobb szélső pedig az, ahogyan kinéz majd a dátum. Igaz, itt angolul van, de a galériába magyarul fog megjelenni minden, mert a fontosabb dolgok le vannak alapból magyarosítva. Végül is éppen abban a fájlban dolgozunk most is ;) hungarian.php

 

MAJDNEM EREDETI

A legalsó sorban látható a nagy B így: %B – ettől lesz teljesen kiírva a hónap, és nálatok alapértelmezetten mindenhol az van. Az összes sorban. Én már átírogattam a többi sorban a kis %m-re azokat. Így számokkal jelenik meg a hónap.

 


Itt már átírtam mindenhol

 


Itt pedig már eltüntettem a perc/másodperc részeket

 

// The various date formats
// See http://www.php.net/manual/en/function.strftime.php to define the variable below
$lang_date['album'] = '%Y %m %e.';
$lang_date['lastcom'] = '%Y. %m %e.';
$lang_date['lastup'] = '%Y. %m %e.';
$lang_date['register'] = '%Y. %m %e.';
$lang_date['lasthit'] = '%Y. %m %e.';
$lang_date['comment'] = '%Y. %m %e.';
$lang_date['log'] = '%Y. %m %e.';
$lang_date['scientific'] = '%Y. %m %e. %H:%M:%S';

 

Sőt én kitöröltem egyes sorokból ezt a részt is, hogy a dátum mellett ne legyen ott az óra és a perc. Felesleges információ szerintem.

 

%H:%M-kor

 

És akkor a CSS kód, amivel ezután egyedivé lehet tenni a képek alatt az adatokat. A képméret kinézeténél nálam úgy van a CSS kód, hogy szélességet a margin értékkel adtam meg. Itt a 25px jelöli a szélességet. A 3px pedig, hogy mennyi üres hely legyen a sorok között. Ezek az én képeimhez vannak most méretezve, tehát értelemszerűen kell a szélességen és magasságon változtatni a ti képeitekhez képest.

 

.image_view { /* képméret kinézete a képek alatt */
font-size: 10px;
font-weight: normal;
background: transparent;
text-transform: none;
font-style: normal;
color: #000000;
border-bottom: 1px solid #dddddd;
padding: 5px 0;
margin: 3px 25px;
display: block;
}

 

.thumb_title_views { /* X megtekintés kinézete a kép alatt */
font-size: 10px;
font-weight: normal;
background: #2A2A2A;
text-transform: none;
font-style: normal;
color: #ffffff;
width: 35px;
height: 10px;
margin: 3px 0 3px 25px;
display: block;
float: left;
}

 

A napokban még hozok leírásokat, amik szintén kisebb trükkök

 

  • Főoldalon a Kategória fejléc címének megváltoztatása
  • Főoldalon a kategóriák alatti összegző információ megváltoztatása
  • Powered by felirat áthelyezése máshová és kinézetének megváltoztatása
  • Minden változtatásom ebben a galériában megtekinthető



Előző, következő cikk



Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően kitöltendő mező

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

 



Hozzászólások