Störande pilar i portfolion
- Trådstartare JohanRosenberg
- Start datum
pdahlen
Aktiv medlem
På dator och iPad så ligger de rätt utanför bilden, men tittar man med mobilen så hamnar de på bilden. Du får väl se om någon på FS kan göra något åt det. Det var också väldigt konstigt att hade man liggande format på mobilen så blev bilden bara som ett litet frimärke, betydligt mindre än med stående mobil. Så något borde man kunna göra åt detGillar inte att pilarna sitter mitt i bilden. De skulle kunna vara osynliga, inte mig emot. Någon som har custom css sommkan fixa det?
Luulu
johanrosenberg.fotosidan.se
JohanRosenberg
Medlem
Ja det känns inte riktigt som en betalfunktion faktiskt.
Anledningen till att de ligger på bilden är att mallen är responsiv så samma beteende på desktop och mobilt. Mallen har logik för att maxa bilden så stort som möjligt för den enhet som används. Vi vill alltså visa bilden så stort som möjligt utan att beskära den. Det är samma mall/logik som för bildvisningen på Fotosidan.
Baksidan är då att pilarna kommer ligga på bilden på mobilt. Det kan man absolut få ogilla men det får man ställa mot att pilarna ska ligga på egen rad och ta plats. Det känns inte bättre eller mer estetiskt. Det är delvis en smaksak också.
Att ha navigering på bilden är vanligt och nog inte som jag skulle säga avgör om det är en betaltjänst eller inte.
Men här är en CSS som tar bort pilarna (klista in det under https://www.fotosidan.se/member/photos/profile.htm och fliken Avancerat - Egen, extra CSS-kod. Det blir klart snyggare men med risken ett man inte fattar att det finns fler bilder. Men det kan man ju chansa på. Gissningsvis kommer folk klicka på bilden (eftersom man är van vid det)
/* PHONES */
/* media only screen and (min-width : 320px) and (max-width : 480px) */
media only screen and (max-width : 480px) {
a#navnext.button.last,
a#navprev.button.first {
text-decoration: none;
top: 8% !important;
height: 70%;
width: 30%;
}
a#navprev.button.first::before,
a#navnext.button.last::after {
content: "";
}
}
Usecaset med liggande mobil är speciellt. Det är svårt att göra det läget smakfullt och med grundlogiken att bilden ska visas max utan att beskäras så blir det inte kalas direkt. Men det är ett udda usecase och inte primärt för vår design.
Baksidan är då att pilarna kommer ligga på bilden på mobilt. Det kan man absolut få ogilla men det får man ställa mot att pilarna ska ligga på egen rad och ta plats. Det känns inte bättre eller mer estetiskt. Det är delvis en smaksak också.
Att ha navigering på bilden är vanligt och nog inte som jag skulle säga avgör om det är en betaltjänst eller inte.
Men här är en CSS som tar bort pilarna (klista in det under https://www.fotosidan.se/member/photos/profile.htm och fliken Avancerat - Egen, extra CSS-kod. Det blir klart snyggare men med risken ett man inte fattar att det finns fler bilder. Men det kan man ju chansa på. Gissningsvis kommer folk klicka på bilden (eftersom man är van vid det)
/* PHONES */
/* media only screen and (min-width : 320px) and (max-width : 480px) */
media only screen and (max-width : 480px) {
a#navnext.button.last,
a#navprev.button.first {
text-decoration: none;
top: 8% !important;
height: 70%;
width: 30%;
}
a#navprev.button.first::before,
a#navnext.button.last::after {
content: "";
}
}
Usecaset med liggande mobil är speciellt. Det är svårt att göra det läget smakfullt och med grundlogiken att bilden ska visas max utan att beskäras så blir det inte kalas direkt. Men det är ett udda usecase och inte primärt för vår design.
