Stała szerokość na różnych rozdzielczościach stylu Phos
|
Unbelievable |
Dodany dnia 27.02.2009 20:24:22
|
Przedszkolak
Postów: 8
Data rejestracji: 26.02.2009 19:22
|
Witam . Chciałabym aby szerokość strony w stylu phos była identyczna na wszystkich rozdzielczościach ekranu. Pewnie trzeba coś zmienić w pliku theme. Licze na pomoc .
<?php
/*.phos Theme for PHP-Fusion v7......*|
|*.Author: Max "Matonor" Toball......*|
|*.Released under the Affero GPLv3...*/
//Theme Settings
define("THEME_WIDTH", "90%"); //theme width. Make sure to adapt the margin-left in the first div (-width/2).
define("THEME_BULLET", "<span class='bullet'>·</span>"); //bullet image
$enable_colour_switcher = true; //true=enable colour switcher | false=disable colour switcher
$enable_fontsize_switcher = true; //true=enable fontsize switcher | false=disable fontsize switcher
$enable_column_switcher = true; //true=enable column switcher | false=disable column switcher
//Theme Settings /
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
require_once THEMES."templates/switcher.php";
$colour_switcher = new Switcher("select", "colour", "gif", "blue", "switcherbutton");
if(!$enable_colour_switcher){
$colour_switcher->disable();
}
$column_switcher = new Switcher("select", "columns", "gif", "both", "switcherbutton");
if(!$enable_column_switcher){
$column_switcher->disable();
}
$fontsize_switcher = new Switcher("increment", "fontsize", "gif", 1, "switcherbutton", "", true, array("step" => 0.1, "max" => 1.5));
if(!$enable_fontsize_switcher){
$fontsize_switcher->disable();
}
redirect_img_dir(THEME."forum", THEME."forum/".$colour_switcher->selected);
set_image("pollbar", THEME."images/panelcap_bg.jpg");
function get_head_tags(){
global $colour_switcher, $fontsize_switcher, $column_switcher;
echo $colour_switcher->makeHeadTag();
echo $column_switcher->makeHeadTag();
echo "<style type='text/css'>body{font-size: ".$fontsize_switcher->selected."em;}</style>";
echo "<!--[if lte IE 7]><style type='text/css'>.clearfix {display:inline-block;} * html .clearfix{height: 1px;}#subheader ul {display:inline-block;}#subheader ul {display:inline;}#subheader ul li {float:left;} #main-bg, .panelbody{position: relative;}</style><![endif]-->";
}
function render_page($license=false) {
global $aidlink, $locale, $settings, $colour_switcher, $fontsize_switcher, $column_switcher, $main_style;
echo "<div id='main' style='width: ".THEME_WIDTH."; left: 50%; margin-left: -47.5%;'>
<div id='header_t'><div id='header_r'><div id='header_l'><div id='corner_tr'><div id='corner_tl'>
<div id='header'>
<div id='header_bg' class='clearfix'>
<div id='userbar' class='floatfix'>
<ul id='anchors' class='flleft'><li><a href='#content'>".$locale['global_210']."</a></li></ul>
<ul id='links' class='clearfix flright'>\n";
if(iMEMBER){
echo "\t\t\t\t\t\t\t<li><a href='".BASEDIR."edit_profile.php'>".$locale['global_120']."</a> </li>
<li> | <a href='".BASEDIR."messages.php'>".$locale['global_121']."</a></li>
".(iADMIN ? "<li> | <a href='".ADMIN."index.php".$aidlink."' >".$locale['global_123']."</a></li>" : "")."
<li> | <a href='".BASEDIR."setuser.php?logout=yes'>".$locale['global_124']."</a></li>\n";
}else{
echo "\t\t\t\t\t\t\t<li><a href='".BASEDIR."login.php'>".$locale['global_104']."</a></li>
".($settings['enable_registration'] ? "<li> | <a href='".BASEDIR."register.php'>".$locale['global_107']."</a></li>\n" : "");
}
echo "\t\t\t\t\t\t</ul>
</div>
<div id='mainheader' class='clearfix'>".showbanners()."</div>
<div id='subheader' class='flleft'>".
preg_replace("^(li)( class='(first-link)')*(><a href='(\.\./)*".preg_quote(START_PAGE)."')^i", "\\1 class='active \\3'\\4", showsublinks(""))."</div>
<div id='tab' class='flright'>
<div id='tab_r' class='clearfix'>
<div align='right'>
".showsubdate()."
</div>
</div>
</div>
</div>
</div>
</div></div></div></div></div>
<div id='cont_b'><div id='cont_r'><div id='cont_l'><div id='corner_br'><div id='corner_bl'>
<div id='cont' class='clearfix $main_style'>
".(LEFT ? "<div id='side-border-left'>".LEFT."</div>" : "")."
".(RIGHT ? "<div id='side-border-right'>".RIGHT."</div>" : "")."
<div id='main-bg'><div id='container'>".
U_CENTER.
CONTENT.
L_CENTER."
</div></div>
</div>
</div></div></div></div></div>
<div id='footer' class='clearfix'>
".(!$license ? "<div class='flleft' style='width: 50%'>".showcopyright()."<br />\n Theme designed by <a href='http://matonor.com'>Max Toball</a></div>" : "")."
<div class='flright' style='width: 50%; text-align: right;'>".stripslashes($settings['footer'])."</div>\n";
echo "\t</div>
<div id='subfooter' class='clearfix'>
<div class='flleft' style='width: 50%'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</div>
<div class='flright' style='width: 50%; text-align: right;'>".showcounter()."</div>
</div>
</div>";
}
function render_news($subject, $news, $info) {
global $locale;
opentable($subject);
echo "<div class='floatfix'>".$news."</div>
<div class='news-footer'>
".newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']).
"</div>\n";
closetable();
}
function render_article($subject, $article, $info) {
global $locale;
opentable($subject);
echo "<div class='floatfix'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div>
<div class='news-footer'>
".articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']).
"</div>\n";
closetable();
}
function opentable($title) {
echo "\n<div class='panel'><h2 class='panelcap'><span><span>$title</span></span></h2>
<div class='panelbody'><div class='panel_r'><div class='panel_l'>\n";
}
function closetable() {
echo "</div></div></div></div>\n";
}
$panel_collapse = true;
function openside($title, $collapse = false, $state = "on") {
static $box_id = 0; $box_id++;
global $panel_collapse, $p_data; $panel_collapse = $collapse;
if($p_data['panel_filename'] == "css_navigation_panel"){
$panel_collapse = false;
echo "<div class='panelbody navigation'><div class='navcap_r'><div class='navcap_l'><div class='panel_r'><div class='panel_l'>";
}else{
echo "<h3 class='panelcap'><span><span>".($collapse ? panelbutton($state,$box_id) : "")."$title</span></span></h3>
<div class='panelbody'><div class='panel_r'><div class='panel_l'>\n\t".($collapse ? panelstate($state, $box_id) : "");
}
}
function closeside() {
global $panel_collapse, $p_data;
echo ($panel_collapse ? "\t</div>" : "")."\n</div></div></div>\n";
if($p_data['panel_filename'] == "css_navigation_panel"){
echo "</div></div>";
}
}
?>
Kliknij i zaczekaj na załadowanie kodu ...
Edytowane przez Pieka dnia 27.02.2009 20:27:39
|
|
|
|
Wścibski Gość |
Dodany dnia 21.11.2024 18:17:59
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
lupozo |
Dodany dnia 27.02.2009 20:36:29
|
Początkujący
Postów: 192 Pomógł: 18
Data rejestracji: 19.02.2009 18:55
|
Masz nawet opis koło stałej, edytuj stałą:
GeSHi: PHP define("THEME_WIDTH", "90%"); //theme width. Make sure to adapt the margin-left in the first div (-width/2).
Zinterpretowano w sekund: 0.026, wykorzystano GeSHi 1.0.8.10
Przykładowo na:
GeSHi: PHP define("THEME_WIDTH", "950px"); //theme width. Make sure to adapt the margin-left in the first div (-width/2).
Zinterpretowano w sekund: 0.039, wykorzystano GeSHi 1.0.8.10
|
|
|
|
Unbelievable |
Dodany dnia 27.02.2009 20:47:39
|
Przedszkolak
Postów: 8
Data rejestracji: 26.02.2009 19:22
|
Wielkie dzięki. Tak właśnie myślałam. Mam jeszcze jedno pytanie. Na innej rozdzielczości strona jest mocno przesunięta w lewą strone. Co zrobić żeby była wyśrodkowana? |
|
|
|
lupozo |
Dodany dnia 27.02.2009 20:59:09
|
Początkujący
Postów: 192 Pomógł: 18
Data rejestracji: 19.02.2009 18:55
|
Pogrzeb w 49 linii themes.php po prostu usuń: GeSHi: PHP left: 50%; margin-left: -47.5%;
Zinterpretowano w sekund: 0.031, wykorzystano GeSHi 1.0.8.10
I daj to wszystko w element <center></center>
Edytowane przez lupozo dnia 27.02.2009 21:02:37
|
|
|
|
Unbelievable |
Dodany dnia 27.02.2009 21:03:36
|
Przedszkolak
Postów: 8
Data rejestracji: 26.02.2009 19:22
|
Tyle akurat to ja wiem . Ale dzięki chyba sobie poradze. |
|
|
|
Petro91 |
Dodany dnia 27.03.2009 19:53:56
|
Przedszkolak
Postów: 35 Ostrzeżeń: 7
Data rejestracji: 17.01.2009 20:13
|
A można by troche jaśniej z tym wyśrodkowaniem??....Ja też próbowałem to centrować, ale nic z tego.
Edytowane przez Chemikpil dnia 27.03.2009 20:01:17
|
|
|
|
Arniex |
Dodany dnia 08.05.2009 13:49:28
|
Przedszkolak
Postów: 1
Data rejestracji: 08.05.2009 13:47
|
Ja tez prosze o pomoc w skórce Phos,Lupozo mozesz bardziej jasniej to opisac? |
|
|
|
Unbelievable |
Dodany dnia 24.05.2009 18:08:05
|
Przedszkolak
Postów: 8
Data rejestracji: 26.02.2009 19:22
|
Lupozo wszystko to znaczy co? Bo tak jak ja robiłam, to albo wszystko latało albo sie rozciągnęło na całą strone. To dość popularny styl i nie wiem dlaczego nie ma jeszcze dokładnego wyjaśnienia jak go wyśrodkować... |
|
|
|
Pieta |
Dodany dnia 30.06.2009 13:38:52
|
Początkujący
Postów: 113 Pomógł: 6
v9.00.00 Data rejestracji: 12.04.2007 23:54
|
Dobra. Pokombinowałem i już wyszło. Żeby skórka Phos była wyśrodkowana to nalezy linijkę:
echo "<div id='main' style='width: ".THEME_WIDTH."; left: 50%; margin-left: -47.5%;'>
zamienić na:
echo "<div id='main' style='width: ".THEME_WIDTH."; left:50%; margin-left: -512px;'>
I wszytko gra. Oczywiście parametr -512px można zmienić :)
Pieta. Ten znad morza
|
|
|
|
ziebol |
Dodany dnia 09.09.2009 19:49:51
|
Przedszkolak
Postów: 11 Ostrzeżeń: 2
Data rejestracji: 23.08.2009 15:25
|
A nie da się tego jakoś inaczej wyśrodkować niż odsuwając stronę od lewego marginesu? Bo jak ustawie w ten sposób to w rozdzielczości 1024x768 jest wszystko ok ale w większej rozdziałce strona zostaje z lewej strony i głupio to wygląda... Dzięki za pomoc ;P |
|
|
|
Petro91 |
Dodany dnia 22.11.2010 14:06:12
|
Przedszkolak
Postów: 35 Ostrzeżeń: 7
Data rejestracji: 17.01.2009 20:13
|
Witam! Również poszukiwałem info na temat stałej szerokości w skórce phos, ale konkretów nie znalazłem...sam to wyczarowałem:)
Więc tak:
w pliku theme.php linia 7 zastąpićdefine("THEME_WIDTH", "1152px"); //theme width. Make sure to adapt the margin-left in the first div (-width/2).
oczywiście wartość możemy zmieniać we własnym uznaniu.
Następnie linia 49 zastąpić tym: echo "<div align='center' id='main' style='width: ".THEME_WIDTH."; '>
I to na tyle jeżeli chodzi o plik theme.php
Przechodzimy teraz do style.css
znajdujemy coś takiego:#main {
left:0
position:absolute;
top: 10px;
}
i to trzeba zastąpić tym:
#main {
top: 10px;
}
Gotowe:) Wszystko pięknie wyśrodkowane:P |
|
|
|
Rafal111 |
Dodany dnia 17.02.2014 11:45:32
|
Przedszkolak
Postów: 17
Data rejestracji: 14.06.2012 08:03
|
No tak, ale tekst na wszystkich podstronach też wyśrodkowany.
Edytowane przez bogdan dnia 17.02.2014 14:24:12
|
|
|