વિવાલ્ડી કસ્ટમાઇઝેશન આના જેવી વસ્તુઓને મંજૂરી આપે છે: હોવર પર પેનલ બતાવો

વિવાલ્ડી તે બ્રાઉઝર્સમાંનું એક છે જે વપરાશકર્તાઓને કાર્યો અને કસ્ટમાઇઝેશનના સ્વરૂપમાં સૌથી વધુ સ્વતંત્રતા આપે છે. એટલું જ નહીં તે તમને થીમ્સનો ઉપયોગ કરવાની અને અન્ય વસ્તુઓની સાથે ટેબના રાઉન્ડિંગને સંપાદિત કરવાની મંજૂરી આપે છે; તે અમને એક રૂપરેખાંકન ફાઇલ બનાવવા માટે પણ પરવાનગી આપે છે જેમાંથી બ્રાઉઝરના કોઈપણ ભાગને સંપાદિત કરી શકાય છે.

આજે અમે તમને જે બતાવવા જઈ રહ્યા છીએ તે કંઈક છે જે કેટલાક વપરાશકર્તાઓએ બ્રાઉઝર ફોરમમાં વિનંતી કરી છે, પરંતુ તે હાલમાં અમલમાં નથી. વિવાલ્ડી તમને F4 સાથે બાજુની પેનલને છુપાવવા માટે પરવાનગી આપે છે, અને તેની પાસે એક નાના ટેબના રૂપમાં વિકલ્પ પણ છે જે જ્યારે ક્લિક કરવામાં આવે ત્યારે પેનલ બતાવશે. વર્તુળ પૂર્ણ કરવા માટે શું ખૂટે છે તે આ છે જો આપણે તેના પર હોવર કરીએ તો જ પેનલ દેખાય છે, અને અમે તેને હાંસલ કરવાની રીત સમજાવવા જઈ રહ્યા છીએ.

વિવાલ્ડી ફેરફાર જે તમને રસ ધરાવી શકે છે

En આ લેખ અમે કેવી રીતે બ્રાઉઝરના કોઈપણ ભાગને સંપાદિત કરવાનો વિકલ્પ સક્રિય કરો અને આ હેતુઓ માટે ફાઇલ કેવી રીતે બનાવવી. ટૂંકમાં, વિકલ્પ સક્રિય થયેલ છે vivaldi://experiments/, ફોલ્ડર જ્યાં આપણે આ ફેરફારો મૂકીશું તે દર્શાવેલ છે અને અમને રસ હોય તેવા ફેરફારો સાથે .css ફાઇલ બનાવવામાં આવે છે.

તરીકે ઓળખાય છે તે કરતી વખતે બાજુની પેનલ છુપાયેલ છે અને દેખાય છે તેની ખાતરી કરવા માટે હૉવર, તે ફાઇલમાં અમુક બિંદુએ આપણે આના જેવું કંઈક ઉમેરવું પડશે:

#panels-container { અસ્પષ્ટ: 0; પહોળાઈ: 1px !મહત્વપૂર્ણ; સંક્રમણ: 0.3s !મહત્વપૂર્ણ } #panels-container:hover { અસ્પષ્ટ: 1; પહોળાઈ: 35px !મહત્વપૂર્ણ }

અમે શું કર્યું છે તે સમજાવવું

પેનલ્સ કન્ટેનરમાં હોય છે, જેને વિવાલ્ડી તત્વ કહેવાય છે પેનલ્સ-કંટેનર. પહેલા ભાગમાં અમે તેને 0 ની અસ્પષ્ટતા બનાવીએ છીએ, એટલે કે, તે સંપૂર્ણપણે પારદર્શક છે, અને અમે તેને ઓછામાં ઓછી 1px ની પહોળાઈ આપીએ છીએ, જેથી તે અસ્તિત્વમાં હોય અને કર્સરને પસાર કરવા માટે કંઈક હોય. બીજામાં, જે તે માટે છે જ્યારે આપણે તે કરીએ છીએ હૉવર, અસ્પષ્ટતા 1 બની જશે - સંપૂર્ણપણે દૃશ્યમાન - અને અમે તેને સામાન્ય પહોળાઈ આપીશું, જે ડિફોલ્ટ રૂપે અને મેં જોયેલા તમામ ઉપકરણો પર 35px છે.

ત્યાં બીજું કંઈક બાકી છે, અને તે છે એક સંક્રમણ. તે વૈકલ્પિક છે, પરંતુ જો તમે તે ભાગ ઉમેરો છો, તો પેનલ ધારથી દેખાશે અને તેને એક સરસ અસર આપશે... જો તમને તે ગમશે.

અન્ય વિકલ્પો

જો તમે ની ભાષા જાણો છો સીએસએસ, અને અમે તે સમયે સમજાવ્યું તેમ, શક્યતાઓ વર્ચ્યુઅલ રીતે અનંત છે. બીજું ઉદાહરણ જે અહીં સમજાવવામાં આવ્યું છે તે માટે મને થાય છે કે થોડા પિક્સેલ્સની ઊંચાઈ સેટ કરવી જેથી અસર ડાબેથી જમણે અને નીચેથી ઉપર અથવા વિરુદ્ધ થાય. પરંતુ તે એવી વસ્તુ છે જેની હું ભલામણ કરતો નથી કારણ કે કર્સરને કયા પર હોવર કરવું તે ચોક્કસ બિંદુ શોધવાનું મુશ્કેલ હશે. પેનલ મેળવવાની અન્ય રીતો પણ છે, અને મેં કેટલાક ફોરમ પર જોયા છે અને રેડિટ પર. પરંતુ મોટા ભાગના લોકો CSS ની વધુ લાઈનોનો ઉપયોગ કરે છે અને તેના ઉપર તેઓ જ્યાં હોવી જોઈએ ત્યાં પેનલ વગરની બોર્ડર છોડી દે છે, જેનો થોડો ફાયદો થાય છે.

અને વિકલ્પો વિશે બોલતા, હું તમને મારી પસંદગી પણ કહીશ: જો કે હું સંમત છું કે જ્યારે તમે કર્સરને ધાર પર ખસેડો ત્યારે પેનલ દેખાય તે સરસ રહેશે, મને લાગે છે કે તેનો વધુ સારી રીતે અમલ કરવો પડશે. અમે અહીં જે સમજાવ્યું છે તે એક સુધારો છે જે તેનાથી વધુ કંઈ કરતું નથી: કંઈક જે આપણને જોઈએ તે કરે છે અને આપણને "મુશ્કેલી"માંથી બહાર કાઢે છે. વધુમાં, જો આપણે જે ચૂકી જઈએ છીએ તે પેનલ વિના બાજુથી બીજી બાજુ જાય છે, તો અમે આ નોંધની શરૂઆતમાં સમજાવ્યા પ્રમાણે F4 દબાવીને તેને "દૂર જાઓ" બનાવી શકીએ છીએ.

તેથી અંતે મેં જે કર્યું તે મારી જાતે તેને બદલવાનો પ્રયાસ કર્યો, જો તે કોઈને મદદ કરે તો તેને શેર કરો અને ડિફોલ્ટ બ્રાઉઝર મને જે ઓફર કરે છે તેને વળગી રહે. કોણ જાણે છે, જો ભવિષ્યમાં તેના વિકાસકર્તાઓ નક્કી કરે છે કે તે એક સારો વિચાર છે અને કંઈક વધુ સારું ઓફર કરે છે, તો કદાચ હું, અન્ય ઘણા લોકોની જેમ, ફંક્શનનો ઉપયોગ કરીશ. વિવાલ્ડી જે કરે છે તે કરવાનું ચાલુ રાખશે: વિકલ્પો ઓફર કરે છે.