De Breedte Van De Joomla-sjabloon Wijzigen

Inhoudsopgave:

De Breedte Van De Joomla-sjabloon Wijzigen
De Breedte Van De Joomla-sjabloon Wijzigen

Video: De Breedte Van De Joomla-sjabloon Wijzigen

Video: De Breedte Van De Joomla-sjabloon Wijzigen
Video: Joomla 3.x. How To Change Modules, Menu, Logo Width 2024, April
Anonim

Joomla is een van de meest aanpasbare en gebruiksvriendelijke CMS die er zijn. Met behulp van de mogelijkheden van dit sitebeheersysteem kunt u niet alleen de site vullen met verschillende functionaliteiten, maar ook het uiterlijk wijzigen op basis van de geïnstalleerde sjablonen.

De breedte van de joomla-sjabloon wijzigen
De breedte van de joomla-sjabloon wijzigen

instructies:

Stap 1

Open de startpagina van uw site. Selecteer in het menu van de browser die u gebruikt de functie van het bekijken van de broncode van de pagina. In Google Chrome bevindt deze tool zich onder "Tools" - "Bron weergeven", in Firefox - "Web Development" - "Bron". Als u Opera gebruikt, selecteert u View - Development Tools - Source Code om de HTML-code te bekijken.

Stap 2

Zoek het handvat en bekijk alle div's en hun namen. Open het template.css-bestand van uw sjabloon met een teksteditor en zoek een blok dat expliciet de breedte instelt. Als het bijvoorbeeld na is, zoek dan in het sjabloonbestand naar het naamblok. Om het zoeken te vereenvoudigen, kunt u de functie "Bewerken" - "Zoeken" van het editorvenster gebruiken. Blader door alle div's die worden vermeld in de broncode van de pagina.

Stap 3

Voer in de breedteparameter de gewenste waarde in procent of pixels in. Bekijk de rest van de blokken die dezelfde breedte hebben en verander ze op dezelfde manier. Als u bijvoorbeeld 200 pixels aan de breedte in de hoofdlaag hebt toegevoegd, moet u dezelfde 200 pixels aan andere blokken toevoegen.

Stap 4

Sla na het voltooien van de wijzigingen het bestand op en bekijk het resultaat, bewerk template.css indien nodig opnieuw. Als u afbeeldingen als achtergrond van blokken in de sjabloon gebruikt, moet u hoogstwaarschijnlijk hun grootte wijzigen. Ook kunt u voor elke div zijn eigen achtergrondkleur instellen, die de monochrome afbeelding kan vervangen. Als er een logo in het ontwerp van de site staat, kunt u het uitrekken met elke grafische editor. U kunt ook uw eigen afbeeldingen gebruiken in sjablonen.

Aanbevolen: