Hall of Fame

[mihai]

Cum as putea avea asta:


Sa fie afisata pe toate paginile si sa fie perfect vizibila rezolutiilor 1600+   (Scuze dar am sters topicul din greseala)
Va multumesc!

[Marius P.]

Uite principiul explicat:

http://stackoverflow.com/questions/6456750/css-fixed-sidebar
http://stackoverflow.com/questions/9658002/how-to-create-a-fixed-sticky-sidebar-in-css-js
http://clubmate.fi/100-percent-height-columns-fixed-width-sidebar-pure-css-solutions-to-commons-fluid-layout-problems/

Poti folosi footerul sau headerul din tpl.globals.php pentru partea de html si content si css/vibe.styles.css ptr stilurile css atasate.

[mihai]

Multumesc Mario!

[Marius P.]

A, si media query-ul css ptr dimensiunea ecranului http://css-tricks.com/css-media-queries/

[mihai]

Eu nu am reusit sa obtin sidebarul,o sa public fisierele tpl.globals,vibe.style si query si as dori sa stiu ce trebuie sa editez si cum.

[mihai]

Nu stiu cat de mult sens are ce am postat,cert este ca doresc sa imi fie explicat ce trebuie sa fac(ce trebuie sa editez si unde)

[Marius P.]

Nu stiu cat de mult sens are ce am postat,cert este ca doresc sa imi fie explicat ce trebuie sa fac(ce trebuie sa editez si unde)

Nu prea avea

Era mai ok daca imi aratai ce ai incercat.

Gaseste asta (linia aproximativa : 206 in notepad++):

Code Select Expand

return $nav;
}

Poti sa pui codul inainte de ea:

Code Select Expand

$nav .= '<div id="Mysidebar" class="Mysidebar">Aici vine tot continutul sidebarului</ div>';   
return $nav;
}

Pe forum smf face strip la </ div> asa ca trebuie sa pun un spatiu in plus, tu il pui normal in cod.

[mihai]

Continutul sidebarului il gasesc in linkurile postate mai sus?Daca da,pun continutul html in tpl(acolo unde ai specificat)si css in  vibe.style?

[Marius P.]

Continutul ti-l faci tu...tot ce trerbuie e sa-i dai o clasa sau un id iar pe baza aluia sa-ti construiesti css-ul...
Ce vrei sa pui acolo in materie de continut?

[mihai]

Nu vreau sa contina nimic special,vreau doar sa fie un spatiu unde pot sa public adduri si sa fie in materie de css exact ca sidebarul pe care il am

[mihai]

As mai dori sa fie fix

[Marius P.]

Pai si ai "fixed" ca pozitie a div-ului in css.

http://stackoverflow.com/questions/15154790/how-to-right-align-fixed-position-div-inside-a-div

Code Select Expand

.Mysidebar {
display:block;
position:fixed;
top:50px;
right:0;
bottom:0;
width:200px;
}

[mihai]

Marimea o schimb in css?Am obtinut respectivu spatiu,e vizibil mi-l arata in inspect element dar are dimensiuni mari(1663/23) si se vede ca atare

[Marius P.]

Da, ii dai width...

[mihai]

Nu se intampla nimic si am observat ca nu gaseste stilul elementului cand dau inspect element.Posibil ca codul din css sa nu fie pus cum trebuie?

[Marius P.]

stilul se ataseaza pe clasa sau/si id-ul pe care i l-ai dat tu div-ului.

Daca tu ai <div id="etc">
atunci declaratia stilului e #etc { ...}

daca e <div class="samd">
atunci declaratia stilului e .samd { ...}

[mihai]

Ce am introdus in tpl.globals

Code Select Expand

$nav .= '<div id="ysidebar" class="ysidebar">CONTINUT</div>';   

Ce am introdus in vib.style:

Code Select Expand

.ysidebar {
display:block;
position:fixed;
top:50px;
max-width:300px;
right:1;
bottom:0;
width:50px;
}

[Marius P.]

Atunci da-i un ctrl+shift+r la browser, sa-ti stearga cache-ul de la pagina.

[mihai]

Nu au aparut modificari

[Marius P.]

Posteaza adresa.

[mihai]

youplay.url.ph

[Marius P.]

Nu gasesc .ysidebar in /tpl/brasil/css/vibe.style.css

[mihai]

Incearca acum!

[mihai]

Gata,acum a aparut

[Marius P.]

Gata,acum a aparut

eu unul nu prea inteleg ce faci tu pe acolo. Nu vad nici un right sidebar pe site.

Ok, in #wrapper ar trebui sa-i dai un margin-right:200px; (daca 200 e valoarea sidebarului), ca sa nu se suprapuna. Dar ce vrei tu acolo implica mai multe schimbari, si-n versiunea de device (responsive.css) si in jquery...eu zic ca iei pe cineva care stie macar css sa te ajute.