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 | X megtekintés és dátum módosítása
236 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