Veterán flag

Bővebben:

FAQ » Általános információk a HUP-ról » Veterán tagság

Hozzászólások

A Hupper addon vmiert leveszi a szinet es ugyanolyan feketevel irodik mint a usernev.
Egyebent miert van zarojelben a hozzaszolasok adatai? Mert igy a '(veteran)'-nal egyutt a dupla zarojelezes nem nez ki igazan jol.

"Egyebent miert van zarojelben a hozzaszolasok adatai?"

Eddig is úgy voltak, szinkronban pl. a cikkeknél az adatokkal.

"Mert igy a '(veteran)'-nal egyutt a dupla zarojelezes nem nez ki igazan jol."

Jobban kinézőre ötletem még nem volt. Ha lesz, kicserélem. Mockupok jöhetnek.

--
trey @ gépház

Ha mar itt tartunk, a cikkek adatait is jobb lenne a fejlecebe integralni, mint csak igy odatenni a tartalom ele zarojelben.
A lenti hozzaszolas link es olvasas szamlalo is lehetne a fejlec resze. Mar mindenki akkora felbontast hasznal, hogy siman kifer minden egy sorban is.
Es ha ez a fejlec jol elkulonul a tartalomtol, akkor a zarojel elhagyhato.

Néztem is, hogy jé, ezt a feature-t vajon hány éve nem vettem észre, de akkor mégsem olyan vészes a helyzet.

_______Peter
I am a stone. I do not move.

Akkor jó a veterán, ha árulják a Vaterán! :)

-----
„Egy jó kapcsolatban a társunkat az ő dolgában kell támogatni, nem a miénkben.”
rand() a lelke mindennek! :)
Szerinted…

.username_postfix{display:none}
.comment:hover .username_postfix{display:inline}

No rainbow, no sugar

Na, nálam ilyen most.

.username_postfix {
display: inline-block;
position: relative;
visibility: hidden;
width: 16px;
transition: 0.1s linear all;
}

.comment:hover .username_postfix, .comment:active .username_postfix,.comment:focus .username_postfix{
width: 58px;

}

#cr_ad{
display:none !important;
}

.username_postfix::before{
display: inline-block;
position: absolute;
padding: 0 5px;
background: #444;
color: #d8d8c4;
border-radius: 3px;
opacity: 0.5;
content: "v";
display: inline-block;
visibility: visible;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
top: 1px;
transition: 0.1s linear all;
width: 8px;
overflow: hidden
}

.comment:hover .username_postfix::before,.comment:active .username_postfix::before,.comment:focus .username_postfix::before {
content: "veterán";
width: 48px
}

No rainbow, no sugar

Mondjuk ezzel a patch-csel nem is rossz:


--- vet_orig.txt	2018-09-12 15:33:49.989435793 +0200
+++ vet_2.txt	2018-09-12 15:32:39.269430342 +0200
@@ -11,16 +11,12 @@
 
 }
 
-#cr_ad{
-display:none !important;
-}
-
 .username_postfix::before{
 display: inline-block;
 position: absolute;
 padding: 0 5px;
-background: #444;
-color: #d8d8c4;
+background: red;
+color: white;
 border-radius: 3px;
 opacity: 0.5;
 content: "v";

Videó: https://flic.kr/p/2aVX9n9

--
trey @ gépház

Ezzel fixen mutatja a [VETERÁN] szöveget:

.username_postfix {
display: inline-block;
position: relative;
visibility: hidden;
width: 16px;
transition: 0.1s linear all;
}

.username_postfix, .comment:active .username_postfix,.comment:focus .username_postfix{
width: 58px;

}

.username_postfix::before{
display: inline-block;
position: absolute;
padding: 0 5px;
background: red;
color: white;
border-radius: 3px;
opacity: 0.5;
content: "v";
display: inline-block;
visibility: visible;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
top: 1px;
transition: 0.1s linear all;
width: 8px;
overflow: hidden
}

.username_postfix::before,.comment:active .username_postfix::before,.comment:focus .username_postfix::before {
content: "veterán";
width: 48px
}

--
trey @ gépház

.comment:hover .username_postfix, .comment:active .username_postfix,.comment:focus .username_postfix{...}
helyett
.comment:active .username_postfix,.comment:focus .username_postfix{...}

meg a másiknál is


.username_postfix {
display: inline-block;
position: relative;
visibility: hidden;
width: 16px;
transition: 0.1s linear all;
}

.comment:active .username_postfix,.comment:focus .username_postfix{
width: 58px;

}

#cr_ad{
display:none !important;
}

.username_postfix::before{
display: inline-block;
position: absolute;
padding: 0 5px;
background: #444;
color: #d8d8c4;
border-radius: 3px;
opacity: 0.5;
content: "v";
display: inline-block;
visibility: visible;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
top: 1px;
transition: 0.1s linear all;
width: 8px;
overflow: hidden
}

.comment:active .username_postfix::before,.comment:focus .username_postfix::before {
content: "veterán";
width: 48px
}

No rainbow, no sugar

be, de szerintem nem jó ötlet a piros a veteránnak, mivel ez nem lényegi info, ha meg az "új" cimke is ugyanez a stílus akkor szétvágja a szemet mi az ami új, a sok veterán között :)


.comment .new {

text-align: right;
font-weight: bold;
float: right;
color: white;
border-radius: 3px;
background: red;
padding: 0 3px 0 5px;
display: inline-block;
position: relative;
top: 1px;
right: 1px;
font-size: 10px;
text-transform: uppercase;

}

Ide jöhetnek a giftek:
https://steamcommunity.com/id/tomsolo/

:D

No rainbow, no sugar

Nálam ez lett a vége.
Mondjuk ha hozzáférnék a comment.tpl.php-hoz akkor .submittedből kivenném az elejéről a spaceket meg a zárójelet, na meg a végéről is. Tök felesleges.

( trey | 2018. szeptember 12., szerda - 16:21 )
vs
trey | 2018. szeptember 12., szerda - 16:21


/* Ha nincs zárójel a submittedben */
.comments .submitted{
padding: 0 5px;
}

.username_postfix {
display: inline-block;
position: relative;
visibility: hidden;
width: 16px;
transition: 0.1s linear all;
}

.comment:active .username_postfix,.comment:focus .username_postfix{
width: 58px;
}

.username_postfix::before{
display: inline-block;
position: absolute;
padding: 0 5px;
background: #000;
color: #d8d8c4;
border-radius: 0 3px 0 3px;
opacity: 0.5;
content: "v";
display: inline-block;
visibility: visible;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
top: 1px;
transition: 0.1s linear all;
width: 8px;
overflow: hidden
}

.comment:active .username_postfix::before,.comment:focus .username_postfix::before {
content: "veterán";
width: 48px
}

.comment .new {
text-align: right;
font-weight: bold;
font-size: 0.87em;
float: right;
color: white;
border-radius: 3px 0 3px 0;
background: red;
padding: 0 3px 0 5px;
display: inline-block;
position: relative;
top: 1px;
right: 1px;
font-size: 10px;
text-transform: uppercase;
opacity: 0.5;
}

No rainbow, no sugar

Mert IE buta mint a föld és elkúrja a pszeudo elemeket.

Nézd meg ezzel - ehhez a tpl-ben(vagy ahol definiáltad) a postfix szövege ez legyen: "veterán"


.comment .new {
text-align: right;
font-weight: bold;
font-size: 0.87em;
float: right;
color: white;
border-radius: 3px 0 3px 0;
background: red;
padding: 0 3px 0 5px;
display: inline-block;
position: relative;
top: 1px;
right: 1px;
font-size: 10px;
text-transform: uppercase;
opacity: 0.5;
}

.username_postfix {
display: inline-block;
position: relative;
width: 8px;
transition: width 0.1s linear;
padding: 0 5px;
background: #000;
color: #d8d8c4;
border-radius: 0 3px 0 3px;
opacity: 0.5;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 10px;
}

.comment:active .username_postfix,.comment:focus .username_postfix{
width: 50px;
letter-spacing: normal;
}

No rainbow, no sugar

Ez a current kód:


.comment .new {
text-align: right;
font-weight: bold;
font-size: 0.87em;
float: right;
color: white;
border-radius: 3px 0 3px 0;
background: red;
padding: 0 3px 0 5px;
display: inline-block;
position: relative;
top: 1px;
right: 1px;
font-size: 10px;
text-transform: uppercase;
opacity: 0.5;
}

.username_postfix {
display: inline-block;
position: relative;
width: 8px;
transition: width 0.1s linear;
padding: 0 5px;
background: #000;
color: #d8d8c4;
border-radius: 0 3px 0 3px;
opacity: 0.5;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 10px;
}

.comment:active .username_postfix,.comment:focus .username_postfix{
width: 58px;
letter-spacing: normal;
}

.username_postfix::before {
display: inline-block;
position: absolute;
padding: 0 5px;
background: #000;
color: #d8d8c4;
border-radius: 0 3px 0 3px;
opacity: 0.5;
content: "v";
display: inline-block;
visibility: visible;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
top: 1px;
transition: 0.1s linear all;
width: 8px;
overflow: hidden
}

.comment:active .username_postfix::before,.comment:focus .username_postfix::before {
content: "veterán";
width: 48px
}

Most már látszik IE-ben is, de el van csúszva minden böngészőben a veteránon a szürke háttér:

https://flic.kr/p/28gX445

Visszatettem az előzőt, inkább pusztuljon az IE. Úgyis meg vannak számlálva a napjai.

--
trey @ gépház

A HVK tagság és a (veterán) szöveg a név mellett milyen viszonyban állnak egymással?
Ha igénylek ilyen tagságot akkor mindenképpen kell hordani a nevem mellett?

--
xkcd://386

Lassan lehetne már RIP flag is.

Ha nagyon keskeny a böngészőablak, akkor nem lehet kattintással megnyitni a hozzászólásokban lévő linkeket, mert a kattintásra kigördül a Veterán zászló és egy következő sorba kerül a tördelés.