• Welcome to WooUSEFUL by PHPVIBE . Please log in.

videoclipuri pe prima pagina

Started by tweky94,

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

tweky94Topic starter

cum as putea modifica videoclipurile de pe prima pagina  acum apar cate 4 pe rand  , chiar si la  Carousel maxim 4 apar , as vrea sa mai adaug inca 2 ca mie momementan cred ca este de la monitorul meu prea mare sau nu stiu  apare in dreapta gol destul de mult   >>> https://ibb.co/zRdBsHM


inca o problema la videoclipurile care le-am incarcat pe prima pagina poti vedea si mai exact https://lastcs.ro  uita-te la  imaginile mai exact de pe prima pagina  parca sunt blurate asa gen cum faceai inainte poze cu pixeli morti :)) asa in ceata se vede dar ciudat este ca  daca dau edit la un videoclip si ma uit la thumbnail sunt impecabile uite poza https://ibb.co/3rLz4wR  sunt pozele  create de server full hd ultra 4k :))) , dar ciudat ca pe prima pagina sunt  in ceata  puse ...
  •  

Marius

Salut!

Pai ai in setari calitatea (marimea) thumbnailului.
Poti scoate insa redimensionarea, cu problema de a avea multe poze mari in load...
https://github.com/PHPVibe/PHPVibe/blob/master/themes/main/video-loop.php

thumb_fix($video->thumb, true, get_option('thumb-width'), get_option('thumb-height'))

poti pune

thumb_fix($video->thumb, false)


Cat despre a pune mai multe de 4 trebuie sa alterezi css-ul, marimile in css cu media queries in https://github.com/PHPVibe/PHPVibe/blob/master/themes/main/styles/phpvibe.css


.video {
    position: relative;
    width: 402px;
    width: calc(25% - 10px);
    float: left;
    padding: 4px 4px 16px 0;
    vertical-align: top;
    word-wrap: break-word;
    aspect-ratio: 16 / 9;
}

poti altera asa :



@media screen and (min-width: 1599px) {
.video {
    margin-left:xx% !important;
   width: calc(xx% - 10px);
    margin-right:xx% !important;
}


Evident, schimbi xx, samd.




If this helped, consider buying me a coffee.
20 years coding, tweaking, building in PHP. Still creating!
  •  

tweky94Topic starter

da s-a rezolvat cu poza de pe prima pagina apar impecabile acum :D,
dar cand intru pe un videoclip in partea dreapta si acolo am  videoclipuri ce pot alege  din pacate si acolo se vede in ceata thumbs


nu am inteles partea cu .video 
modific ce este mai sus cu
@media screen and (min-width: 1599px) {
.video {
    margin-left:xx% !important;
   width: calc(xx% - 10px);
    margin-right:xx% !important;
}


dar la xx% ce ar trebui sa pun  sa fie pe 5 video pe 6 de exemplu :))

EDIT: nu are legatura cu topicul , dar te poti uita ca cineva mi-a accesat contul aici si mi-a postat un topic cu o reclama si la semnatura mi-a pus o reclama
  •  

Marius

1. Poti face aceeasi modificare in layouts/ sau seta din settings pozele mai mari ptr resize.

2. Pai in css poti seta marimile, marimile decid care sunt pe rand. De exemplu o marima de 20% inseamna 5 pe rand, got it?
Daca pui margin, scazi marginea din marime. Asta e logica :) pur matematica.

uite, daca adaugi asta la finalul fisierul si dai clear cache (posibil si browser cache), o sa ai 6 pe rand:

@media screen and (min-width: 1599px) {
.video {
    margin-left:0.3% !important;
    /* width: calc(16% - 10px); *\
    width:16%;
    margin-right:0.3% !important;
}

fiindca 100% impartit la 6 este 16.66%

Legat de hack, o sa ma uit, e cam vechi smf-ul asta, dar cine a avut timp si de asta...schimba parola cu ceva mai strong.


If this helped, consider buying me a coffee.
20 years coding, tweaking, building in PHP. Still creating!
  •  

Marius

Gata, i-am dat upgrade forumului, ca era cu 2 versiuni in urma. Sa speram ca nu vor mai fi belele.
If this helped, consider buying me a coffee.
20 years coding, tweaking, building in PHP. Still creating!
  •  

tweky94Topic starter

imi spui te rog cum modific si in pagina de videourile sa nu se vada blurat ?
https://ibb.co/ZHv77BV
  •  

Marius

If this helped, consider buying me a coffee.
20 years coding, tweaking, building in PHP. Still creating!
  •  
    The following users thanked this post: tweky94

Similar topics (6)