1. NooitGenoeg
  2. Templates
  3. zaterdag 07 november 2020
Goede avond,

Ik heb mijn site redelijk op orde en ben deze nu aan het fine-tunen.
Ik gebruik de template Purity iii en heb op positie 12, het extra-menu een logo geplaatst in een module.

Dit ziet er perfect uit.
Alleen zou ik dit logo vast willen zetten, zodat deze niet mee scrollt.
Na wat zoeken, kwam ik tekst tegen om te plaatsen in de CSS van Astrid.

.header{position: fixed;]
.navigation{margin-top: 170px;
}

Nu ben ben ik hier net mee begonnen en heb als testsite deze nu lokaal op mijn laptop staan.
De correcte versie heb ik lokaal op onze server staan en kan ik dus helaas niet delen.

Ik probeer mij nu te verdiepen in CSS en probeer deze tekst in de juiste map te plaatsen.

Nu is mijn vraag, hoe kom ik erachter in welk CSS bestand ik deze tekst moet plaatsen.
In de mappenstructuur van Joomla kom ik uiteindelijk bij Purity>Template>CSS waar ik verwacht deze te kunnen plaatsen.
Zou ik dan .header moeten vervangen door .extra menu ? Of is dit te makkelijk gedacht?
En kan dit op elke willekeurige plek tussen de tekst geplaatst worden?

Kunnen jullie mij op weg helpen?

Alvast bedankt,

Gr Alfons
Geaccepteerde antwoord
Geaccepteerde antwoord Pending Moderation
Hoi,

Ik begrijp wat je bedoel. Denk een kwestie van smaak.
Vind het er op deze manier wel heel strak uitzien.
Brengt mij overigens wel op een idee...

Heb de afbeelding in de module verkleind en het logo met slogan is nu ook kleiner.
Ik kan er zeker mee leven, maar als ik iets verder hiermee ben wil ik me er verder in verdiepen.
Mij te leuk!

In ieder geval super bedankt voor de support en de moeite!

Gr Alfons
Bijlagen
  1. 2 weken geleden
  2. Templates
  3. # Permalink
Geaccepteerde antwoord Pending Moderation
Hallo,

ik heb zelf nog nooit met die template gewerkt maar kwam onderstaande afbeelding tegen.
custom.jpg
Onder Custom Code zet je dus als het goed is de css code ;)

Succes ermee.

Groeten Ron :)
Bijlagen
  1. 2 weken geleden
  2. Templates
  3. # 1
Geaccepteerde antwoord Pending Moderation
Goedemorgen,

Bedankt voor je reactie Ron.

Ik heb gedaan wat jij mij vertelde. Ziet er simpel uit, maar bij mij werkt deze code niet om het logo vast te zetten.

De code die ik invoer bij Custom CSS wordt nu letterlijk getoond links bovenin mijn module waar het logo zich in bevindt.
In de bijlage het voorbeeld als PDF aangezien ik site helaas niet kan delen.

Ik heb de code al geplakt in alle velden om te zien of dit uitmaakt, maar helaas.

Ik krijg het idee, dat deze module met logo niet de header is.
Maar hoe kan ik erachter komen welke positie dit dan wel is?

De module staat nu geplaatst op positie 12, extra-menu.

De code die ik nu letterlijk invul bij Custom-CSS is:

.header{position: fixed;]
.navigation{margin-top: 170px;
}


Hoor het graag,

Alvast bedankt,

Gr Alfons
Bijlagen
  1. 2 weken geleden
  2. Templates
  3. # 2
Geaccepteerde antwoord Pending Moderation
Hallo Alfons,

als ik het goed ziet heb je een verkeerd teken gebruikt achter bij .header probeer onder staande eens

.header{position: fixed;}
.navigation{margin-top: 170px;
}
lvda
  1. 2 weken geleden
  2. Templates
  3. # 3
Geaccepteerde antwoord Pending Moderation
Goedemorgen Leen,

Bedankt.

Helaas werkt deze ook niet. De ingevoerde code blijft letterlijk zichtbaar bovenin de module.
Ook als ik deze code in een ander invoerveld plaats.
(Zie bijlage)

PS hoe plaatsen jullie afbeeldingen direct in dit reactie veld op dit forum?
Werk nu iedere keer met bijlages.

Bedankt,
Bijlagen
  1. 2 weken geleden
  2. Templates
  3. # 4
Geaccepteerde antwoord Pending Moderation
Hallo Alfons,

Vraagje heb je alleen de template Purity iii geinstalleerd in een joomla site of gebruik je hun quickstart pakket ?
(ik vraag dit omdat er al vaak in een quickstart allerlei code's en postie's gebruikt worden voor een mooi uiterlijk
lvda
  1. 2 weken geleden
  2. Templates
  3. # 5
Geaccepteerde antwoord Pending Moderation
ik denk niet dat die code gaat werken waar je hem inzet.
Maar je kan dus de postie's van de template zien als je bij Administrator>extensies>templates
Templates: Stijlen (website) op de knop opties rechts boven klikt en dan Voorbeeld module posities aanzet.
dan werkt als je deze code achter

jouwwebsitenaam/?tp=1
zet
Verder weet ik niet geheel zeker of je nu de standaard logo van putity template wil wijzigen zo ja
kijk dan ook eens even hier lees hier meer
lvda
  1. 2 weken geleden
  2. Templates
  3. # 6
Geaccepteerde antwoord Pending Moderation
Hoi Leen,

Nee, het is niet de quick-start.
Deze code zou betrekking hebben op positie 12, dit is .masthead.

Nu heb ik .masthead in de map C:\Bitnami\joomla-3.9.22-0\apps\joomla\htdocs\templates\purity_iii\css\template opgezocht en deze code vervangen door mijn code.
(zie bijlage)

Nu zou ik verwachten dat de code nu wel goed staat, maar helaas..

Of zit ik nu geheel verkeerd met mijn denkwijze?
Bijlagen
  1. 2 weken geleden
  2. Templates
  3. # 7
Geaccepteerde antwoord Pending Moderation
Ik bedenk mij ineens iets.

Ik heb de oorspronkelijke template gekopieerd en de kopie uitgewerkt.
Zou het kunnen dat ik hierdoor de aanpassing niet zie?

Weet jij waar de kopie wordt weggeschreven?
Deze kan ik namelijk nergens vinden.
  1. 2 weken geleden
  2. Templates
  3. # 8
Geaccepteerde antwoord Pending Moderation
Dit is het hem niet.

Zojuist van template gewisseld, maar ook hier is de masthead niet vergrendeld.

Grrr...
  1. 2 weken geleden
  2. Templates
  3. # 9
Geaccepteerde antwoord Pending Moderation
ha ik ben aan proberen wat je omschrijft maar ik kan geen module op positie 12 zichtbaar krijgen
welke soort module heb je daar voor gekozen ?
en in template beheer zou je een kopie moeten zien .
en als ik maar eigen loge aanpast kom ik tot 2e plaatje
Bijlagen
lvda
  1. 2 weken geleden
  2. Templates
  3. # 10
Geaccepteerde antwoord Pending Moderation
Werken met een kopie is niet aan te raden. Deze wordt niet meegenomen met toekomstige updates. Daarnaast moet je nooit aanpassingen doen in je templatebestanden, maar gebruik maken van een custom.css.
Als ik je afbeelding bekijk vraag ik me overigens af waarom je zo'n groot blok sticky wilt maken. Lijkt me persoonlijk niet echt gebruikersvriendelijk.
  1. 2 weken geleden
  2. Templates
  3. # 11
Geaccepteerde antwoord Pending Moderation
wat je kan proberen is als de template layout nog standaard is zet hem dan eens op de > positie head-search
en als het dan goed is komt hij rechts boven in.
Als je die positie een ander naam wilt geven zal je in de template lay-out functie
Bijlagen
lvda
  1. 2 weken geleden
  2. Templates
  3. # 12
Geaccepteerde antwoord Pending Moderation
Leen,

Ik heb aan mijn logo de search positie gekoppeld, echter hangt deze nu onder de zoekfunctie en over en valt over het intro heen.

Voor het tonen van mijn logo heb ik een module "aangepast" aangemaakt en het logo in het tekstveld geplaatst.
Ik heb inderdaad 2 aparte templates. De oorspronkelijke en de bewerkte. Dit is mij nu duidelijk.
Jouw 2e plaatje kom ik niet uit, daar ben ik helaas iets te "groen" voor.

@@@Youll
Met andere woorden, gewoon in de oorspronkelijke blijven werken?
Had dit gedaan met de gedachte, dat als iets niet ging ik in ieder geval de standaard template nog zou hebben.

Wat betreft de ruimte, goed opgemerkt, maar de hoogte valt op zich wel mee.
Het top-menu met het logo neemt ongeveer 1/4 van het scherm in beslag.
Voor hetgeen wij ermee doen, blijft er nog wel genoeg ruimte over.
Maar voor het zicht ziet het er wel professioneel uit denk ik.


Heb je nog een tip voor een add Custom CSS extensie?
  1. 2 weken geleden
  2. Templates
  3. # 13
Geaccepteerde antwoord Pending Moderation
ja ik was al bang dat je de zoek functie ook al gebruikte.
het is lastig omdat de site niet online staat.
alleen wat ik niet goed begrijp is waarom maak je dat eigen logo plaatje dan niet iets kleiner
en zet je hem gewoon in de template logo positie al die andere positie willen blijk baar niet
ps als ik het probeer als test
komt het er zo ongeveer uit te zien
Bijlagen
lvda
  1. 2 weken geleden
  2. Templates
  3. # 14
  • Pagina :
  • 1


Er zijn nog geen reacties op dit bericht.
Wees een van de eersten om op dit bericht te reageren!