Ta bort border radius

Frågor kring forumdesign (teman/themes) för phpBB 3 (3.0.0 eller senare).

Moderatorer: Moderatorgrupp, Supportgrupp

Skriv svar
Rebecka
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 245
Blev medlem: 2011-10-29 18:35
Svar: 0

Ta bort border radius

Inlägg av 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)?
Användarens profilbild
Marcus
Administratör
Administratör
Inlägg: 4321
Blev medlem: 2004-01-07 22:12
Svar: 0
Ort: Skövde

Re: Ta bort border radius

Inlägg av 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
Marcus Farrington - Administratör på phpBB Sverige
OBS! På förekommen anledning ges ingen support via PM.

Webb- & Drupalutvecklare på Webbyrå Grebban.
Rebecka
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 245
Blev medlem: 2011-10-29 18:35
Svar: 0

Re: Ta bort border radius

Inlägg av Rebecka »

Tack så mycket för svar.
Ska ta och kika på detta.
Användarens profilbild
Holger
Support - Ledare
Support - Ledare
Inlägg: 6554
Blev medlem: 2004-06-09 08:32
Svar: 1
Ort: Hannover/Tyskland
Kontakt:

Re: Ta bort border radius

Inlägg av 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.
Holger Gremminger
Ingen support via PM!
Användarens profilbild
Marcus
Administratör
Administratör
Inlägg: 4321
Blev medlem: 2004-01-07 22:12
Svar: 0
Ort: Skövde

Re: Ta bort border radius

Inlägg av 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
Marcus Farrington - Administratör på phpBB Sverige
OBS! På förekommen anledning ges ingen support via PM.

Webb- & Drupalutvecklare på Webbyrå Grebban.
Användarens profilbild
Holger
Support - Ledare
Support - Ledare
Inlägg: 6554
Blev medlem: 2004-06-09 08:32
Svar: 1
Ort: Hannover/Tyskland
Kontakt:

Re: Ta bort border radius

Inlägg av Holger »

Det har du rätt i!
Holger Gremminger
Ingen support via PM!
Användarens profilbild
Marcus
Administratör
Administratör
Inlägg: 4321
Blev medlem: 2004-01-07 22:12
Svar: 0
Ort: Skövde

Re: Ta bort border radius

Inlägg av Marcus »

Like! :-)
Marcus Farrington - Administratör på phpBB Sverige
OBS! På förekommen anledning ges ingen support via PM.

Webb- & Drupalutvecklare på Webbyrå Grebban.
Användarens profilbild
Holger
Support - Ledare
Support - Ledare
Inlägg: 6554
Blev medlem: 2004-06-09 08:32
Svar: 1
Ort: Hannover/Tyskland
Kontakt:

Re: Ta bort border radius

Inlägg av Holger »

+1 :lol:
Holger Gremminger
Ingen support via PM!
Rebecka
Extra aktiv medlem
Extra aktiv medlem
Inlägg: 245
Blev medlem: 2011-10-29 18:35
Svar: 0

Re: Ta bort border radius

Inlägg av Rebecka »

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

Vilka är online

Användare som besöker denna kategori: 6 och 0 gäster