Cikkajánló
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
Volt egy kis időm, így készítettem CSS kódot a blog modul lapozójához. Kicsit átvariáltam superuser CSS kódját. Összevontam pár részt benne, meg megcsináltam, hogy a lapozó pont a blog
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
Sosugary Gallery | Jennifer Lawrence téma 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ó
2017. szeptember. 24.
Coppermine | X megtekintés és dátum módosítása

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ő

Kapcsolódó bejegyzések

lindadesign
157 megtekintés

Előző, következő cikk

WordPress | Csoportosított CSS fájlok

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ő

Prémium téma | Gigi Hadid WordPress theme

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