Ta bort border radius
Moderatorer: Moderatorgrupp, Supportgrupp
Ta bort border radius
Genomgående för hela prosilver stilen är border radius.
Hur och var ändrar jag detta (jag vill alltså INTE ha rundade hörn)?
Hur och var ändrar jag detta (jag vill alltså INTE ha rundade hörn)?
Re: Ta bort border radius
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:
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
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>‹</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 --> •
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- ENDIF -->
<!-- IF U_RESTORE_PERMISSIONS --> •
<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>
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
Re: Ta bort border radius
Tack så mycket för svar.
Ska ta och kika på detta.
Ska ta och kika på detta.
Re: Ta bort border radius
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.
Då behöver man bara ändra några grafiker och inte i HTMLen.
Holger Gremminger
Ingen support via PM!
Ingen support via PM!
Re: Ta bort border radius
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
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
Re: Ta bort border radius
Det stämmer att jag är mer bekväm med HTML/CSS än grafik.
Vilka är online
Användare som besöker denna kategori: 1 och 0 gäst