Ta bort border radius

[Rebecka]

Genomgående för hela prosilver stilen är border radius.
Hur och var ändrar jag detta (jag vill alltså INTE ha rundade hörn)?

[Marcus]

Tyvärr använder sig inte temat av border-radius alls...

För när temat kom ihop med phpBB 3.0.0 (och även tidigare med dess Dev/Alpha/Beta/RC etc.) så använde man istället <span>-taggar med bilder i.

Så med andra ord, leta upp dessa <span>-taggar och ta bort dem. (Ta backup, ifall du går för långt och får bort för mycket... ).

T.ex. är detta Nav-bar's kod, som man hittar i <ROT>/styles/prosilver/template/overall_header.html:

Kod: Markera allt

	<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>

	</div>

Kodesnutten med "<span class="corners-top"><span></span></span>" och "<span class="corners-bottom"><span></span></span>" ger hörnen uppe respektive nere. Den yttre <span> ger vänter hörn och den inre ger höger hörn.

Visserligen är det via CSS-kod, men lik väl med en bakgrundsbild och inte med border-radius.

Tips! Leta efter "corners-top" och "corners-bottom".

/marcus

[Rebecka]

Tack så mycket för svar.
Ska ta och kika på detta.

[Holger]

Vore det inte enklare att ändra bilden som gör hörnen runda? Alltså fylla ut de rundade hörnen så de blir kantiga istället.
Då behöver man bara ändra några grafiker och inte i HTMLen.

[Marcus]

Enklare? Beror väl på om du kan göra bilderna?

Sedan undrar jag ju lite varför hämta grafikfiler för att göra inget alls?

Rebecka verkar rätt familjär med border-radius (säger inte runda hörn), så jag tolkar det som att hon inte har problem med att fixa lite HTML- och/eller CSS-kod.

/marcus

[Holger]

Det har du rätt i!

[Marcus]

Like!

[Holger]

+1

[Rebecka]

Det stämmer att jag är mer bekväm med HTML/CSS än grafik.