Posted by mohammed.alikhan on July 5, 2010 at 11:14am
Jag vet inte om det är någon mer än jag som använder special menu items. Jag fick tipset här på forumet om att det skulle vara användbart om man vill ha menyer som inte måste innehålla en länk. Jag tycker den fungerar utmärkt precis som jag vill att den skall, problemet blir tyvärr att texten blir mindre och menyfliken får en annan färg än vad de primära länkar har. Det ser inte riktigt snyggt ut!!?? Någon som vet hur man kan lösa detta? Ev. om man hittar en annan modul som kan lösa "nolink" problemet.
Comments
Jag använder special menu
Jag använder special menu items precis som du, funkar perfekt.
Det är mig veterligen det absolut bästa sättet att lösa problemet med meny-inlägg utan länk.
För att få dom att passa in med resten av menyn temar jag dom med:
span.nolink {
}
Hur temar du dem? Jag är
Hur temar du dem? Jag är ingen höjdare på php, däremot har jag velat lära mig det!!!!!!
Nu har du ett utmärkt
Nu har du ett utmärkt tillfälle att sätta dig in i lite CSS (se letharions svar ovan vilken regel du ska använda) samt Firefox-tillägget Firebug. Ett annat tips för att dina besökare ska få det lättare att använda din meny är att länkar och icke-länkar ser olika ut så ingen tror att de val i menyn som inte är länkar till innehåll är länkar till innehåll.
--
fyrkantigt.se av Niklas Brunberg
Som Niklas säger så är det
Som Niklas säger så är det CSS som gäller för presentation, inte PHP (som är till för logik).
Se poängen med CSS på den gamla men fortfarande väldigt aktuella Zen Garden: http://www.csszengarden.com/
Lär dig CSS:
http://www.cssbasics.com/
http://www.w3schools.com/Css/default.asp (Här började jag själv en gång i tiden)
http://www.adlibris.com/se/product.aspx?isbn=916360910X (Ej läst, bara exempel)
Följ Niklas råd och skaffa dig Firebug (eller motsvarande verktyg till annan webbläsare, men Firebug har känts mest moget för mig).
När du ändå håller på har jag för mig att det finns Drupalspecifika tillägg till Firebug. Dock inte provat dom.
Jag tror jag läst någon annanstans att du använder "Sky" som tema?
Det bästa är ju att sub-tema Sky, och lägga dina modifieringar där. (http://drupal.org/node/225125)
Du kan modifiera ditt tema direkt, men då ryker dina ändringar när temat uppdateras. Lättare idag, mer huvudvärk imorgon.
Öppna din CSS-fil och släng in min regel från första svaret.
Om du vill att länkarna ska bli vita, med 16px storlek, och vara genomstrukna (varför du nu skulle vilja det) blir det
span.nolink {
color: white;
font-size: 16px;
text-decoration: line-through;
}
Tack för era svar, det känns
Tack för era svar, det känns verkligen svårt att komma igång. Jag ska ge det ett ärligt försök och hoppas på att jag löser det.
Ett förslag är väl kanske att
Ett förslag är väl kanske att börja med något väldigt enkelt, typ bara en blank sida med lite text på, för att förstå hur CSS alls funkar, innan du börjar ändra i ett Drupal tema.
En annan möjlighet för att undvika problemet helt är ju också att lägga en feature request mot temat du använder och hoppas att någon annan kan lösa det åt dig, men ingen vet ju när någon har tid/lust att ta i en sån grej.
Jag började faktiskt med att
Jag började faktiskt med att kolla lite på youtube, jag förstår hur HTML och CSS fungerar nu. HTML = bygga sidan med text, länkar och liknande. CSS= hur texten och byggande skall se ut. Så långt jag har kommit. Koden jag fått tidigare stopppar jag in i mitt skytema eller? Det måste väl vara någonstans under primäralänkar isåfall. Är jag helt ute och cyklar nu?
Koden ska mycket riktigt in i
Koden ska mycket riktigt in i ditt skytema, fast helst i ett undertema som sagt.
Dock inte under primärlänkarna eftersom special menu items är speciella så att säga ;)
Lägger du bara in min kod i en css fil så ska det funka. Den heter kanske sky.css?
Jag hittar inte sky.css Har
Jag hittar inte sky.css
Har kollat igenom hela min temamappa sky!? Däremot finns det style.css är det den jag är ute efter?
Troligen. Själv brukar jag
Troligen. Själv brukar jag dock döpa filen efter temat, men style.css är nog det absolut vanligaste namnet.
Det är rätt fil. Filen
Det är rätt fil. Filen style.css laddas automatiskt av Drupal.
Jakob Persson – Leancept – Results-only digital and marketing consultants – Personal blog
Tack grabbar, jag ska testa
Tack grabbar, jag ska testa lägga in koden ikväll... Hoppas på att det skall fungera.
Jag har försökt att lägga in
Jag har försökt att lägga in följande:
span.nolink {
}
Jag försökte redigera style.css med PHPedit 3.6.4
Jag klistrade in koden längst ner på sidan. Men har inte fått några ändringar.
Såhär ser det sista raderna ut efter min ändring;
.coder .item-list li.first.last {
border: none;
padding: 2em;
color: #777;
}
.coder .coder-warning {
padding: 1em;
}
/* @end /
/ @group External Link /
ul.menu a.ext {
padding-right: 0;
}
/ @end /
/ @end */
span.nolink {
}
Det här måste vara fel?
Det jag egentligen vill är att mina nolink menyer skall se ut exakt likadant som länkade menyer.
Kolla reglerna för de andra länkarna
I Firefox, installera Firebug-tillägget och högerklicka på länken i menyn. Välj inspektera och kolla hurdan CSS länkarna har. Gör sedan likadant inuti
span.nolink {}.En extremt komprimerad snabbkurs i CSS kommer här: "Classes" eller "klasser" är sådana element som har en punkt framför sig, såsom ".nolink". Ett element är t.ex. "span", "div", "p", "h2" med mera. Ett ID har en brädgård framför sig såsom "#header" eller "#node-45".
span.nolinkväljer därmed ut alla element av typen span som också har klassen "nolink".I den koden du ser ovan har du en tom regel, du fyller i hur
span.nolinkser ut genom att fylla i kod mellan måsvingarna. Till exempel som detta:span.nolink {color: navy;
font-size: 1.2em;
line-height: 1.5em;
}
I koden ovan har vi gjort texten i
span.nolinken nyans av blå som är 1.2em stor och med en radhöjd på 1.5em.Återigen, se de utmärkta länkar som letharion gett. Vissa använde också jag för att lära mig CSS.
--
fyrkantigt.se av Niklas Brunberg
Nu har jag gjort det, jag får
Nu har jag gjort det, jag får till det ganska bra. Men hur ska jag spara ändringen, för när jag uppdaterar försvinner min ändring =)
Du måste redigera style.css
Du måste redigera style.css och spara ändringarna där. Gör du ändringarna i Firebug kommer de försvinna när du laddar om sidan eftersom ändringarna du gör där inte sparas någonstans (de är endast till för att snabbt kunna testa hur det ska se ut).
--
fyrkantigt.se av Niklas Brunberg
Tack nu blev det bättre,
Tack nu blev det bättre, länkmenyn fick samma utseende fast när jag drar musen till länken händer det ingenting på nolink menyer. Medans på vanliga menylänkar markeras elementet när musen befinner sig på den. Förstår du hur jag menar?
Fast nu ser alla nolink menyer likadana ut!? =S Det vill jag ju inte, exempelvis så skall navigationen och primära länkar se olika ut!
Svårt att veta
Du måste hitta en klass eller ett id som är unikt i ett omgivande element för att sätta den framför
span.nolinkför att få reglerna att endast påverka de element du vill.Du kommer behöva använda något som heter "pseudo selectors", i detta fallet skapar du en ny regel som heter
span.nolink:hoverför att påverka elements utseende när du håller muspekaren ovanför.Det är jättevårt för oss att veta exakt vad som ska ändras bara såhär, men än en gång: Gå igenom ett par av letharions länkar för att lära dig lite grunder i CSS.
--
fyrkantigt.se av Niklas Brunberg
Jag förstår, ska gräva mig in
Jag förstår, ska gräva mig in i det lite mer... Kung är du Niklas + alla andra på forumet som orkar svara på mina frågor!
Funderar gå någon snabbutbildning, några tips?