Por usabilidad, siempre es recomendable dejarle claro al usuario dónde está parado dentro del sitio. Existen varias maneras de hacerlo, desde dejar evidente en el <title> en qué sección se está, pasando por mostrar un pequeño mapa de navegación desde y hasta dónde está ubicado (Inicio > Quiénes Somos > Empleados por ejemplo) o dejar seleccionado en el menú de navegación dónde uno está parado, con una clase especial. En este caso, en sitios pequeños a medianos, recomiendo utilizar un pequeño y simple truco que involucra HTML y CSS.
Hagamos un layout muy simple. En este caso, un menú con listas y un contenido sólo para que no esté tan vacío (reciclaré el HTML de un post anterior):
<div id="menulateral">
<ul>
<li><a href="#" class="selected1">Item Uno</a></li>
<li><a href="#" class="selected2">Item Dos</a></li>
<li><a href="#" class="selected3">Item Tres</a></li>
</ul>
</div>
<div id="contenido">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut risus hendrerit sem adipisc………</p>
</div>
Como se dieron cuenta, cada ítem del menú tiene una class="selected" con diferencias numéricas consecutivas (este es mi criterio, utilicen el que más les convenga) . El truco está en darle al <body> un ID específico, en este caso será uno para cada sección de nuestro menú, en total 3. Con este ID, mediante CSS le daremos un estilo para cada class selected, así si nos encontramos ubicados por ejemplo en el HTML con el id="item2", gatillará que la class selected2 de ese ID será desplegada. ¿Se entendió? Mejor sigo con el código CSS para que quede más claro:
body#item1 a.selected1, body#item2 a.selected2, body#item3 a.selected3 {
text-decoration: none;
padding-left: 10px;
}
Entonces, nuevamente, tenemos 3 páginas HTML cada una con un ID diferente, de acuerdo con la sección en que estamos. Cada <a> del menú tiene una class diferente también, para poder diferenciarlas. La idea es con el CSS poder manejar el estilo para mostrar al usuario que estamos ubicados en esa parte del sitio sin tener que tocar el HTML, basta con dejar las classes siempre puestas, pero con diferentes ID’s en el < body>.
Ver HTML final (view source para más detalles)
Comentarios
comment3, buy sinemet online, 070792, buy viagra professional online, asrp, vibramycin buy, wgwju, where to buy solian, 206, colospa for sale uk, axax, where to buy co amoxiclav, 50599, fosamax buy, 247, where to buy allegra, 747262, nitroglycerin buy, 8557, urispas for sale, >:P, buy female cialis soft, 327, zyvox uk, 283, synthroid for sale uk, xfbc, estrace, scqnkg, dilantin, %-]], where to buy isoniazid, 50396, buy zoloft, 618, buy tinidazole online, 8-D, where to buy fincar, zrnkq, brahmi buy, oychi, buy caverta uk, =-]]], buy arava online, 71636,
comment4, premarin buy, :-PP, buy eskalith uk, >:), bystolic uk, 8-OO, buy lyrica uk, >:-OO, bupron sr for sale, 0760, diovan for sale uk, :))), buy abana online, %)), forzest buy, =-DDD, mentat buy, %DDD, vasotec uk, ihqlie, buy valtrex uk, 497, xenical for sale, tfigel, etodolac uk, 457, where to buy cycrin, %]], astelin for sale uk, 9754, terramycin buy, =]]], where to buy celexa, >:-P, where to buy naprosyn, 8-]], where to buy betnovate 0 1, nef, furosemide for sale uk, ybnuuk, buy desyrel online, %PPP, nizagara for sale uk, %(,
comment1, cialis professional uk, =-))), ayurslim, pqpem, malegra fxt for sale uk, >:D, buy vantin online, wplxwl, emsam for sale uk, >:((, mentat buy, =-(((, buy arava uk, 2429, buy aldactone, vqibl, finast for sale uk, 280, caduet for sale uk, %OO, buy estrace uk, 27527, buy imitrex online, duvjjw, buy ranexa online, =), calcium carbonate buy, cyhpj, buy promethazine uk, 15526, buy mircette, dpeaq, erythromycin buy, ksizc, actos for sale uk, iab, buy diovan online, >:((, buy cymbalta online, kaoe, buy paxil cr online, :PP, where to buy suhagra, %],
comment2, arimidex uk, zhycm, amaryl for sale uk, ffebwt, buy provera uk, lqsvrs, nexium for sale, 8-[[, cardura buy, 7066, buy feldene, 771, zestril for sale uk, wrblen, promethazine uk, 8-[[, buy sinemet online, :-O, florinef for sale uk, =-]], buy glucotrol online, 92088, buy cymbalta uk, :-((, buy suhagra uk, >:(, topamax for sale uk, 67015, buy cardizem er uk, =DD, neurontin for sale uk, zelyi, proscar for sale uk, 54812, voveran sr buy, :]]], benicar uk, 215, skelaxin buy, hgkmi, buy wellbutrin, %OOO, dutas for sale, fzjz,
comment3, zocor for sale uk, >:D, buy cymbalta, 919811, elimite cream for sale uk, cau, buy benadryl online, >:O, zyloprim for sale uk, 002, maxalt uk, 8-PP, feldene for sale, >:OO, pilex uk, 572, provera buy, 54434, buy himcolin, bpsfg, buy levlen online, :-PP, seroflo, 3895, careprost for sale uk, upecf, where to buy glucophage sr, >:-], ashwagandha uk, 296878, where to buy catapres, glegf, buy mentat online, 341, grifulvin v uk, 9829, hyzaar for sale, zoicen, fildena uk, 505, buy kemadrin, 0433, buy himplasia, %((,
comment2, buy methotrexate, 218237, ponstel for sale uk, cjfvqz, gasex buy, fhe, buy sildalis online, 853, xenical for sale uk, hutcuv, plendil for sale uk, >:-), augmentin for sale, 8-DD, buy lamictal, nrgmsx, flonase uk, 18033, viagra dapoxetine buy, 759143, careprost buy, 031613, where to buy stromectol, 8-OOO, buy valtrex online, 0156, prednisolone uk, :D, buy imitrex online, 535, where to buy danazol, ghzrc, where to buy seroquel, 36126, calcium carbonate buy, clv, lanoxin for sale uk, %-], buy zudena online, pyipe, zebeta for sale, pot, zebeta, :-D,
comment4, where to buy micronase, 3793, stromectol buy, 96725, combivent for sale, hspfb, buy pilex, odz, propecia uk, nxc, where to buy epivir, szrog, shallaki for sale, ziku, buy bactrim online, >:D, inderal uk, qpbwrc, fluoxetine, zcqcco, lumigan for sale, 055796, buy pamelor online, rbnppm, buy differin, 665, confido uk, :-(, uroxatral uk, cuuw,
comment4, buy tadapox uk, wvapuc, endep for sale uk, nqviil, hyzaar buy, 45824, where to buy acticin, dxomtr, nortriptyline for sale, vie, buy maxolon uk, nhflzt, ponstel, 3098, arava uk, =-))), requip buy, 193765, myambutol for sale uk, dgvnz, casodex buy, 3274, buy dapsone uk, lug, advair diskus, gqrfs, female viagra for sale, lzq, lanoxin buy, verh, seroquel buy, 9671, dulcolax for sale, 8-(((, buy pilex, 469555, buy micardis online, oxtkhm, xeloda buy, 39392, alesse buy, bks, zyrtec uk, 205067,
comment3, cialis professional uk, iuqpcc, where to buy ayurslim, %-(, malegra fxt for sale uk, sorvc, buy vantin online, ewgo, emsam for sale, %-D, buy mentat uk, djzma, buy arava, 88861, aldactone for sale uk, bfxb, finast, 920842, caduet for sale, 8PPP, estrace, kllyi, buy imitrex uk, vlqg, ranexa for sale uk, 8), buy calcium carbonate online, 707109, promethazine for sale, eshrx, mircette for sale uk, =-(, erythromycin buy, 7759, where to buy actos, %PP, where to buy diovan, 8-[[[, cymbalta for sale uk, omfgu, paxil cr for sale, 93621, buy suhagra uk, 20787,
comment3, buy pamelor online, >:O, buy bupron sr uk, >:-O, periactin buy, =), where to buy adalat, 8[[, buy depakote online, =-DD, buy abilify online, >:-OOO, brahmi uk, 0488, sinequan for sale uk, flkj, buy cilostazol, =-[[[, where to buy requip, 799114, kamagra for sale uk, 5379, where to buy ditropan xl, 1940, buy malegra fxt online, lcse, viagra super active for sale uk, 9127, buy ayurslim, 23539, eskalith for sale uk, zmny, buy kamagra jelly uk, oxxjob, buy aricept online, gqmu, trimox buy, 8-]], proventil for sale, 41417, cialis jelly uk, >:]]], chloromycetin for sale uk, 639,
comment2, buy precose, viv, lexapro for sale, 28474, buy baycip online, 2555, buy myambutol uk, 675, aceon buy, 936, aciphex buy, :-], himcolin for sale uk, 186470, periactin buy, 427, ditropan uk, wjdz, retin a cream uk, rlnmwk, where to buy avalide, >:]], antabuse uk, 770, stromectol buy, %-]], buy aceon, :-), where to buy endep, =-), buy retin a online, :))), buy toradol uk, %-(, elimite for sale uk, yfhm, floxin uk, iwleae, keppra for sale, =-]]], olanzapine for sale, 82182, buy nolvadex, 33353,
comment1, buy precose, 419549, lexapro uk, :-DDD, baycip for sale uk, :-PPP, buy myambutol uk, pypca, aceon for sale uk, 50014, buy aciphex uk, >:PPP, himcolin for sale, jdbkw, buy periactin online, %)), ditropan buy, 545, buy retin a cream online, %((, buy avalide, 0636, antabuse for sale, 78142, stromectol for sale uk, loaquv, where to buy aceon, :-P, buy endep, 03934, retin a for sale, %-]]], toradol buy, cudnwt, buy elimite uk, %]], where to buy floxin, 728491, where to buy keppra, uxz, buy olanzapine online, zuh, where to buy nolvadex, =-P,
comment5, trileptal for sale, yqetu, diabecon buy, 46967, nizoral cream for sale, 621, buy clarinex, nwgzst, strattera for sale, aypur, zofran uk, 7610, vasotec uk, >:PP, buy buspar uk, 133446, penegra for sale uk, =(, bystolic for sale uk, 493, vantin for sale uk, 352, vasotec, 960, buy micardis uk, gjed, zestoretic for sale, :(, where to buy zyloprim, 8-)), buy deltasone, dul, buy dostinex, %OO, remeron buy, owk, beloc for sale, kyym, epitol, 246068, where to buy indinavir, 4934, plavix uk, 590,
comment2, premarin, cpqquu, buy eskalith, 954, bystolic for sale uk, 30106, lyrica buy, 8PP, bupron sr buy, %PP, diovan for sale, zjj, where to buy abana, 412, buy forzest uk, nxl, where to buy mentat, 612199, vasotec for sale uk, :)), valtrex for sale uk, 360590, xenical buy, %-PPP, buy etodolac, >:-], buy cycrin online, :-OO, buy astelin online, jlxte, where to buy terramycin, :-))), celexa, 27638, naprosyn buy, :-PPP, betnovate 0 1 buy, =-(((, buy furosemide uk, 658, desyrel buy, pte, nizagara for sale, ehf,
comment2, pamelor for sale, >:-(, bupron sr for sale uk, 24388, periactin uk, :OOO, buy adalat online, 8171, buy depakote uk, :PP, buy abilify uk, wcnqjt, brahmi uk, 870, buy sinequan online, =DDD, cilostazol buy, 190644, requip for sale, duvs, kamagra for sale, 47494, where to buy ditropan xl, jvz, buy malegra fxt uk, 8-]], viagra super active for sale, =(, ayurslim for sale, 8-(((, eskalith uk, :[[[, where to buy kamagra jelly, ctneez, buy aricept online, wrmq, buy trimox online, 8-))), proventil for sale uk, 76878, cialis jelly buy, 8-)), chloromycetin for sale, 08457,
comment1, zocor for sale uk, =-DD, cymbalta for sale, zzjc, elimite cream uk, :-PP, where to buy benadryl, 2483, zyloprim for sale, =(((, maxalt for sale uk, 7309, feldene for sale, 10370, pilex buy, =]]], where to buy provera, yrsc, himcolin buy, 833, levlen for sale uk, 1303, where to buy seroflo, %[, careprost for sale, 2191, glucophage sr, 811, where to buy ashwagandha, 278, where to buy catapres, 8OO, mentat for sale, trmde, where to buy grifulvin v, 802905, buy hyzaar online, rothwf, buy fildena, qwmbf, buy kemadrin, >:-]]], himplasia uk, 7706,
comment4, where to buy doxycycline, :PP, buy ponstel uk, hiti, eldepryl buy, 2012, buy suhagra online, 84441, elimite cream for sale uk, =P, buy ampicillin online, zmilk, prilosec for sale, 1906, where to buy furosemide, 60900, cialis jelly for sale uk, %-]], viagra super active, 39153, sinequan for sale uk, 05172, buy persantine uk, ltuece, buy diovan uk, %), where to buy yasmin, 2746, cialis buy, 8[, zestoretic uk, 311, cialis jelly for sale uk, ntna, buy asacol uk, :-))), pyridium buy, mqwxbe, where to buy provera, :-]], prilosec for sale uk, =-(((, estrace uk, lgsu,
comment3, sinemet uk, :-D, buy viagra professional, 0041, vibramycin buy, :-], buy solian, 94023, colospa for sale uk, 8-DD, co amoxiclav buy, 8-DD, buy fosamax online, %-DDD, allegra uk, 8-O, nitroglycerin for sale uk, jcytt, buy urispas online, ngg, where to buy female cialis soft, 8O, where to buy zyvox, igf, buy synthroid uk, mtjnye, estrace, 568615, buy dilantin online, 28054, buy isoniazid, mfuce, where to buy zoloft, 8-]], tinidazole buy, %(((, buy fincar uk, rrgc, brahmi for sale uk, =-P, caverta uk, ozub, arava buy, mdqne,
comment2, shallaki for sale, 94365, aciphex for sale uk, %-[[[, rogaine 5 buy, :PP, buy nortriptyline uk, vace, orlistat uk, 85658, finax, 954, where to buy eriacta, riu, where to buy elavil, kmd, eriacta for sale, >:((, where to buy zyprexa, =-OOO, buy lamictal online, 62297, diltiazem uk, bwl, apcalis sx, eew, ibuprofen buy, 3195, altace for sale, 63065, buy gabapentin uk, >:-PP, azulfidine for sale uk, =-]]], buy naprelan online, =-], buy remeron uk, hkhkaa, buy tizanidine uk, >:-PPP, buy atarax, leigu, buy proventil, >:-),
comment3, pyridium uk, >:-[[[, where to buy aricept, =OOO, buy elimite online, >:PP, amoxil for sale uk, 5658, where to buy prandin, >:P, xalatan uk, >:-[, cozaar buy, =((, buy risperdal uk, izkc, cytoxan buy, iebti, buy vibramycin uk, limjf, buy tetracycline online, rqsyx, cardizem for sale, >:-DDD, buy prozac online, ixkh, nitroglycerin uk, >:), mestinon for sale, 8[[, buy moduretic, frykpq, zantac for sale uk, =-PPP, prednisolone for sale uk, nazql, atenolol buy, 196, buy fml forte, metu, himcolin uk, 9567, buy seroquel online, :-PPP,
comment4, buy anaprox online, 608, where to buy benadryl, vloelu, where to buy zyban, rdp, lipitor for sale uk, 971, emsam uk, 34438, desyrel for sale uk, iyfux, buy cefixime uk, >:OOO, zyrtec for sale, 129001, eulexin uk, :-((, buy topamax uk, lsyfwb, keflex, 93309, where to buy lioresal, 8-[, buy betapace uk, 981, buy lipitor, ihthng, buy requip uk, 571022, buy abilify, =D, dilantin buy, 558, buy aggrenox uk, 40094, hytrin for sale uk, :-OO, where to buy ventolin, %[[, buy erythromycin, %-DD, buy hyzaar uk, 377586,
comment6, buy anaprox online, cqb, buy benadryl online, 7392, buy zyban online, 8-[[, lipitor uk, ahsv, where to buy emsam, omz, desyrel for sale uk, jkdf, buy cefixime online, >:P, zyrtec, %)), buy eulexin, 073, buy topamax online, dquhk, buy keflex, 8)), lioresal uk, tlgxy, where to buy betapace, 61913, buy lipitor, >:-DDD, requip, 5675, where to buy abilify, lxvw, where to buy dilantin, =-)), buy aggrenox online, sgg, buy hytrin online, ttesh, buy ventolin online, =-[[[, buy erythromycin, qucd, hyzaar for sale uk, >:PPP,
comment3, where to buy cardizem, 694301, where to buy cialis professional, lrkmy, buy requip, ftx, zyvox buy, 14758, buy sinequan, %O, buy vigora online, ryvidn, viagra buy, 805, buy robaxin uk, 94417, colospa for sale, %-[, buy maxolon, >:(((, gabapentin for sale, 8]]], buy himcolin uk, :-DDD, zenegra for sale, ramaus, celebrex for sale, yhpc, where to buy zithromax, 369, aciclovir buy, %OOO, where to buy zebeta, 170879, zyvox for sale, 446, yasmin buy, 752, viagra jelly for sale, ocjsmj, cataflam for sale uk, chjz, buy shallaki uk, pcorff,
young gay men dating older men
gay furry dating 2021
dating gay men atlanta ga
comment1, asacol uk, %(, where to buy intagra, 005, buy biaxin online, %(((, buy inderal uk, >:], buy terramycin, 8]]], buy dutas uk, zhm, buy lopressor online, uicwg, buy cleocin, uynu, colchicine buy, 060, where to buy ayurslim, 8]], buspar uk, =((, viagra super active for sale, omm, prednisone for sale, 598, precose for sale uk, %]], pentasa for sale, jod, imitrex buy, =))), seroflo for sale, feo, persantine uk, vvcbdz, where to buy furosemide, :-]]], buy macrobid uk, 87144, buy isoptin online, 646928, zyrtec for sale, %O, buy atorlip 10 online, hjfwyz,
I am also writing to let you be aware of what a excellent discovery my wife’s princess developed browsing your web site. She discovered too many things, including what it’s like to have an ideal teaching mood to let folks really easily know specified grueling issues. You really exceeded our expected results. Thanks for churning out such effective, trusted, revealing and unique thoughts on that topic to Mary.
I must show my appreciation to the writer for rescuing me from this type of challenge. As a result of checking throughout the search engines and finding advice which are not pleasant, I assumed my entire life was gone. Being alive devoid of the solutions to the problems you’ve resolved by way of your main website is a serious case, as well as the kind which may have badly affected my career if I had not discovered your blog. Your actual natural talent and kindness in maneuvering all the details was crucial. I’m not sure what I would’ve done if I hadn’t come across such a stuff like this. I’m able to now relish my future. Thanks so much for this professional and result oriented guide. I will not hesitate to propose your site to anybody who should have assistance about this problem.
My wife and i got absolutely fulfilled that Raymond managed to conclude his research through your precious recommendations he made when using the web site. It is now and again perplexing to simply choose to be making a gift of guidelines that some people have been selling. And we also do know we need you to be grateful to because of that. All of the explanations you have made, the straightforward website menu, the friendships you aid to promote – it’s everything superb, and it’s really aiding our son and our family understand this idea is fun, and that is very mandatory. Thank you for the whole thing!
A lot of thanks for all of the efforts on this blog. My mum take interest in carrying out investigation and it’s really easy to see why. My spouse and i notice all about the lively means you render helpful secrets by means of your website and even improve participation from the others on that matter plus our daughter is truly discovering so much. Enjoy the remaining portion of the year. Your conducting a pretty cool job.
I wanted to put you this little bit of word to finally give many thanks as before relating to the nice things you have contributed above. It was certainly remarkably generous with you giving without restraint all most of us might have made available as an e-book in making some bucks for themselves, precisely since you might well have tried it if you ever decided. Those ideas also served to become a great way to know that other individuals have similar zeal just like my own to see a good deal more with respect to this problem. I’m sure there are a lot more enjoyable opportunities ahead for those who read through your site.
I precisely needed to appreciate you yet again. I do not know the things that I would have taken care of in the absence of the type of smart ideas shared by you about this topic. Previously it was a intimidating dilemma in my position, nevertheless witnessing the very specialised style you treated it forced me to leap over happiness. Now i am grateful for your work and as well , sincerely hope you recognize what an amazing job your are undertaking teaching the mediocre ones via your site. More than likely you have never come across all of us.
I must express thanks to this writer just for bailing me out of this particular instance. Right after searching through the search engines and getting solutions which are not pleasant, I figured my entire life was well over. Being alive minus the answers to the difficulties you’ve fixed by way of your main review is a crucial case, as well as ones which might have adversely damaged my entire career if I hadn’t come across your website. Your own natural talent and kindness in dealing with the whole thing was vital. I am not sure what I would have done if I had not encountered such a step like this. It’s possible to now look ahead to my future. Thanks so much for your specialized and result oriented help. I will not hesitate to propose your web sites to anyone who requires direction about this subject matter.
I just wanted to write a simple remark in order to appreciate you for these pleasant information you are posting on this website. My prolonged internet look up has at the end been recognized with really good concept to share with my relatives. I would believe that we readers are truly fortunate to live in a magnificent site with so many brilliant individuals with useful principles. I feel truly privileged to have come across the website page and look forward to really more pleasurable minutes reading here. Thanks once again for all the details.
I would like to express some thanks to you for rescuing me from this type of incident. After scouting through the the net and finding ideas that were not powerful, I believed my life was well over. Being alive without the solutions to the problems you’ve sorted out through your good report is a critical case, and ones that could have in a negative way damaged my career if I hadn’t noticed your web blog. Your personal competence and kindness in dealing with every part was useful. I am not sure what I would have done if I hadn’t come upon such a step like this. I can now look ahead to my future. Thanks for your time very much for the impressive and sensible guide. I will not hesitate to refer your web blog to anyone who ought to have direction about this problem.
https://provigilandmodafinil.com/ modafinil reviews
trimethoprim sulfamethoxazole dosage trimoxazole syrup uses
modafinil online modafinil half life