More information on it here: Help:infoboxes
An infobox design is made of 2 parts
1: layout
This infobox is using Help:Infoboxes
The above infobox layout is here
2: styling
That is stored in MediaWiki:Infoboxes.css. To stop vandalism, only Admins of the wiki can add or edit.
The color schemes are controlled by a "switchword" in the 1st row of the infobox. In this infobox is "nation"
<infobox theme-source="nation">
Then it picks the "nation" styling from MediaWiki:Infoboxes.css
In this example is water
/*Water*/ .pi-theme-water, .pi-theme-Water, .pi-theme-Waterbending, .pi-theme-Dark-Avatar { border: 1px solid #006 !important; } .pi-theme-water .pi-title, .pi-theme-Water .pi-title, .pi-theme-Waterbending .pi-title { background-color: #006 !important; } .pi-theme-water .pi-header, .pi-theme-Water .pi-header, .pi-theme-Waterbending .pi-header, .pi-theme-water .pi-navigation, .pi-theme-Water .pi-navigation, .pi-theme-water .pi-image-collection-tabs, .pi-theme-Water .pi-image-collection-tabs { background-color: #039 !important; } .pi-theme-water .pi-collapse .pi-header:not(:first-child) { background-color: #294364 !important; } .pi-theme-water .pi-collapse nav { background-color: #ddddff !important; }
If only have 1 color-scheme, it won't need to be so complex
so i have to create a new infobox then i have to click source edit , i dont know where to add all of theese above so can u please explain more?
Uh...so if the infobox already exists you can go into source mode to modify it. Do you mean you want the infobox to look exactly like(including color) the one you just took a screenshot of, or do you just want them to have the same content? Also, are you chinese?
i want the infobox to be exactly like that , including colors and sizes. i'll change the contents to same but. in arabic , im arabic https://avatar.fandom.com/ar/wiki/أفاتار_ويكي
Cool
Then search for the infobox in the top thing, go copy the source, and create an infobox in your wiki and paste it in the source editor, and make some changes to it, it'll look exacty like it.
it dont look exactly like it , it looks like the wiki normal one