Fórum Pirátské strany

Internet je naše moře!
https://forum.pirati.cz/

ANKETA: rozlišení homepage

https://forum.pirati.cz/viewtopic.php?t=1244

Stránka 2 z 3

Re: ANKETA: rozlišení homepage

Napsal: 17 srp 2009, 14:47
od Patrik.Lisanik
Mě právě přijde mnohem víc "cool", že to není bílé jako každý druhý web. Ta temně modrá mi k pirátům přijde určitě vhodnější. Možná bych klidně šel i do černé a jako návštěvníka by mě u pirátů spíš překvapil slaďounký "neposkvrněný" web v bílé barvě. :o
Lukas Novy: .. jakozto jediny web na svete mame tmavy pozadi -> 60 % mensi efektivita :/
Pod pojmem efektivita si mám představit co? Promiň, ale mě tvůj "argument" přijde z těch co jsou v podprůměrných TV reklamách:
"..o 85% hustější řasy!"

Širšímu webu se nebráním, sám jsem hlasoval pro 1024, ale chtělo by to jasně definovat zadání. Co je širší? Dát přesně 1024 taky není podle mě ideální, protože na monitorech 1024 by se přidal při delší stránce vpravo svislý posuvník. Je třeba počítat s šířkou kolem +-900. Jestli existuje nějaký "standard", tak sem s ním (912, 960 co já vím ;) ). Takže dokud si neujasníme jak to bude široké, je zbytečné "něco" vytvářet.

.. a až si ujasníme jak to bude široké, chtělo by si ujasnit, jestli budeme mít web jako každá politická strana v týhle kotlině nebo ho necháme v takovém duchu, v jakém jsme začali.

Technická: Můžete mi poslat komplet tu šablonu, abych měl představu jak jsou ty prvky na sebe vázané?

Pár poznámek k webu

Napsal: 17 srp 2009, 23:37
od Michal.Rusek
Ještě pár poznámek k webu:
- Určitě bude řada lidí ten stávající pomlouvat, ale podle mého zas tak špatnej není.
Spíš mi vadí, že není odladěna posloupnost "posloupnost významových bodů" (kam to tahá oči): Teď je to reklama na YouTube a nějaká konfekce... (kromě loga a programu ČPS).
Tmavé pozadí mi nevadí. Souhlas Pir8.
Ujasnit co všechno by měl web hlavně nabízet - je tam např. už program ČPS v PDF na 4 strany po korektuře? Nenašel jsem... A to je třeba základ. Už jsem to chtěl skoro udělat...
Jinak piráti = programátoři by měli mít web udělanej zcela špičkově. To je naše vizitka. To se od nás očekává.
Taky mi vadí, že v sekci download jsou ty pro veřejnost hlavní věci - oba klipy Pir8 - až kdesi zcela dole. To nikdo nenajde. :(
Já osobně bych se tím chlubil víc... Snad i tlačítko v menu na horní liště...
- Mimochodem, kdo je zodpovědný za ten novej web? ;) Nic ve zlým...

Re: ANKETA: rozlišení homepage

Napsal: 18 srp 2009, 03:14
od Lukas.Novy
Panove tady bohuzel pirati byt nemuzeme, v marketingu nektere veci fungui, jine ne, nemuzu konkretni studii potvrzujici me tvrzeni (dodam zitra), co takhle priklady?

http://www.apple.com
http://www.facebook.com
http://www.google.com
http://nytimes.com/
http://www.skoda-auto.com
http://cisco.com/
http://www.barackobama.com/ <- nahrane, ale taky to neni negativ

http://ods.cz/
http://www.cssd.cz
http://www.top09.cz
http://www.kscm.cz

web v negativu je proste marketingova sebevrazda…

http://blog.tatham.oddie.com.au/2008/10 ... a-bad-idea

Re: ANKETA: rozlišení homepage

Napsal: 18 srp 2009, 04:27
od Michal.Zdrazil
já bych se přikláněl k variabilitě webu:

promne je přece jenom důležitá jeda věc: lidé dnes mají od 10´´ (eeepc) = 1024px až po 26-28´´
ani jedněch není málo - na malém rozlišení je web s 1024 zralý na lištu zleva-doprava, na velkém rozlišení je to zas nudle jak kráva uprostřed.

Pokud tedy web s pevnými hodnotami, tak se přiklání k Pir8tovi ;)

Re: ANKETA: rozlišení homepage

Napsal: 18 srp 2009, 06:54
od Lukas.Novy
Kluci mame mozky a znalosti ne? :) udelejme to v zakladu na 960px (dobre delitelne a vicemene to takhle pro rozliseni 1024 dela kazdy, imho), pro telefony dame alternativni css, pro vetsi displaye by zase nejakej chuchvalec javascriptu mohl prekopat nektere casti na sirsi (slint)

-------8<-------------
Ma nekdo neco proti tomuto?
- bez JS pro normalni user agenty 960px sirka vnitrniho obsahu, zachovame centrovani
- pro telefony alternativni lehkou nudli
- [nepovinne] pro hodne siroke displeye rozsireni contentovych oblasti na vice sloupcu
- tmava pismena na svetlem pozadi (negativ je sebevrazda)
- zachovani website bakeru (na komplet nove reseni neni cas)
-------8<-------------

pokud nebudou namitky, navrhuji po timeoutu (zitra vecer) tema uzavrit a dat se do prace…

Re: ANKETA: rozlišení homepage

Napsal: 18 srp 2009, 10:37
od Kamil_Horky
Lukas Novy píše: 1. bez JS pro normalni user agenty 960px sirka vnitrniho obsahu, zachovame centrovani
2. pro telefony alternativni lehkou nudli
3. [nepovinne] pro hodne siroke displeye rozsireni contentovych oblasti na vice sloupcu
4. tmava pismena na svetlem pozadi (negativ je sebevrazda)
5. zachovani website bakeru (na komplet nove reseni neni cas)
očísloval jsem ti to, abych mohl lépe reagovat

ad 1, 2 - media screen - 960px, media portable stávající rozlišení, máme ještě media print, pro tisk, ten je samozřejmě procentuelní
ad 3 - jsem proti
ad 4 - nechat okraje a vyměnit jen střední panel, menší a černá písmena, background nemusí být nutně bílý, ale měl by být co nejsvětlejší a ladit s modrým okrajem. V css vše předělat z px na em.
ad 5 - souhlas

Re: ANKETA: rozlišení homepage

Napsal: 18 srp 2009, 14:20
od Jiri.Kaderavek
Lukáši. Šablonu index.php pro styly the_island a the_island-hp lze editovat přímo z administrace website bakeru (Addon File Editor). the_island je the-islan-hp bez pravého sloupce (použito na některé širší strany, formuláře apod.). 960px je OK šířka. Jinak hlavní soubory šablony php a css níže. Udělejte si testovací stránku na šabloně simple. Tuto šablonu můžete přes administraci také modifikovat a nechŤ se tedy časem stane novou hlavní šablonou webu.

index.php

Kód: Vybrat vše

<?php

/*

 Website Baker Project <http://www.websitebaker.org/>

 Copyright (C) 2004-2007, Ryan Djurovich

 Website Baker is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 Website Baker is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with Website Baker; if not, write to the Free Software
 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/

if(!defined('WB_URL')) {
	header('Location: ../index.php');
	exit(0);
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title><?php echo WEBSITE_TITLE; ?> - <?php echo PAGE_TITLE; ?></title>
	<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
	<meta name="description" content="<?php page_description(); ?>" />
	<link rel="shortcut icon" href="<?=TEMPLATE_DIR?>/favicon.png" type="image/x-icon" />
	<meta name="keywords" content="<?php page_keywords(); ?>" />
	<link href="<?php echo TEMPLATE_DIR; ?>/default.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="<?php echo TEMPLATE_DIR; ?>/print.css" rel="stylesheet" type="text/css" media="print" />
	<link rel="alternate" type="application/rss+xml" title="Stanoviska ČPS" href="/modules/news/rss.php?page_id=33" />
	<link rel="alternate" type="application/rss+xml" title="Novinky ČPS" href="/modules/news/rss.php?page_id=9" />
	<?php
	if(function_exists('register_frontend_modfiles')) {
	register_frontend_modfiles('css');
	register_frontend_modfiles('js');
	} ?>
	<script type="text/javascript"><!--//--><![CDATA[//><!--

	sfHover = function() {
		var sfEls = document.getElementById("menu").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	if (window.attachEvent && navigator.appName == "Microsoft Internet Explorer") window.attachEvent("onload", sfHover);

	//--><!]]></script>

</head>
<body>
<div id="wrapper">
	<div id="header">
	<img src='/media/grafika/cpslogohp.png' style='position:relative; left:9px; top:4px;'/>
		<center>
			<h1>&nbsp;<!--<a href="/"><?php echo WEBSITE_TITLE; ?></a>--></h1>
		</center>
		<p><?php page_header(); ?></p>
	</div>
	<!-- end header -->
	<div id="menu">
		<h2>Main Menu</h2>
		<?php show_menu2(1, SM2_ROOT, SM2_ALL, SM2_ALL); ?>
	</div>
	<!-- end menu -->
	<div id="page">
		<div id="content">
			<h1 class="title"><span><?php echo PAGE_TITLE; ?></span></h1>
			<?php page_content(); ?>
		</div>
		<!-- end content -->
		<div id="sidebar">
			<?/*
			<ul>
				<li id="search">
				<?php if(SHOW_SEARCH) { ?>
					<form id="searchform" name="search" action="<?php echo WB_URL.'/search/index'.PAGE_EXTENSION;?>"method="get">
					<input id="searchfield" type="text" name="string" class="search_string" />
					<input id="searchsubmit" type="submit" name="submit" value="<?php echo $TEXT['SEARCH']; ?>" />
					</form><br/><br/>
				<?php } ?>
				</li>
				<li id="submenu">
				<?php if(show_menu(2)) { ?>
					<h2>Other Menu</h2>
					<?php show_menu(2); ?>
				<?php } ?>
				</li>
			</ul>
			*/
			readfile("http://www.ceskapiratskastrana.cz/pages/pravy-sloupec.php");

			?>

		</div>
		<!-- end sidebar -->
		<div style="clear: both;"></div>
	</div>
	<!-- end page -->
	<div id="footer">
		<?php page_footer(); ?> | Designed by <a href="http://www.freecsstemplates.org">Free CSS Templates</a>
	</div>
	<!-- end footer -->
</div>
<!-- end wrapper -->
</body>
</html>
default.css

Kód: Vybrat vše

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin-top: 0;
}

body {
	margin: 0;
	padding: 0;
#	background: #314D6B url(images/img01.jpg) no-repeat center top;
	background: #314D6B url(/media/cpswebbg.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C0C0C0;
}

h1, h2, h3 {
	font-weight: normal;
	color: #FFFFFF;
}

h1 { font-size: 197%; }
h2 { font-size: 167%; }
h3 { font-size: 100%; font-weight: bold; }

p, ul, ol {
	font-size: 100%;
}

p {
}

ul {
}

ol {
}

blockquote {
}

a {
	color: #7EBCFF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Header */

#header {
	width: 680px;
	height: 110px;
	margin: 0 auto;
}

#header h1, #header p {
	margin: 0;
	font-weight: bold;
}

#header h1 {
	padding: 10px 0 0 30px;
	/*text-transform: lowercase;*/
	font-size: 240%;
}

/*
#header p {
	margin: -5px 0 0 0;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font-size: 85%;
}
*/


#header a {
 *//* text-decoration: none;
	color: navy;
}

/* Menu */

#menu {
	width: 680px;
	height: 51px;
	margin: 0 auto;
#	background: url(images/img02.jpg) no-repeat;
	background: url(/media/cpswebbg2.jpg) no-repeat;
}

#menu h2 {
	display: none;
}

#menu ul {
	margin: 0;
	padding: 20px 0 0 20px;
	list-style: none;
	height: 11px;
}

#menu li {
	float: left;
	height: 11px;
}

#menu a {
	display: block;
	height: 22px;
	padding: 8px 10px 0 10px;
	border-right: 1px solid #2A2C2F;
#	text-transform: lowercase;
 *//* text-decoration: none;
	text-align: center;
	font-size: 13px;
	color: #DFE8F2;
}

#menu a:hover, #menu .active a {
	background-color: #000000;
}


#menu li ul {
	margin: 0px; padding: 1px; border: 1px solid #2A2C2F;
	position: absolute;
	left: -999em;
	height: auto;
	width: 154px;
	z-index:1;
	background: #121317;
}

#menu li li {
	margin: 0px; padding: 0px; border: 0px;
	width: 149px;
	height: auto;
	text-align:left;
	background: #121317;
	padding-left:5px;
}

#menu li li a {
	margin: 0px; padding: 4px; border: 0px;
	width: 141px;
	height: auto;
	text-align: left;
}

#menu li li span {
	margin: 0px; padding: 4px; border: 0px;
	width: 146px;
	height: auto;
}

#menu li li ul {
	margin: -20px 0 0 150px;
	z-index:1;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
	left: auto;
}

#menu li li:hover, #menu li li.sfhover {
	background: #000000;
}


/* Page */

#page {
	width: 680px;
	margin: 0 auto;
	background: #0F1720 url(images/img03.gif) repeat-y;
}

/* Content */

#content {
	float: left;
	width: 379px;
	padding: 20px 20px 0 40px;
	background: url(images/img09.jpg) no-repeat;
}

.boxed {
	background: #121B23;
	border: 1px dotted #000000;
}

.boxed .title {
	margin: 0;
	padding: 5px 20px;
	background: #000000;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}

.boxed .content {
	padding: 20px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 180px;
	padding: 20px 40px 0 20px;
	border-left: 1px solid #273039;
	margin: 0;
	background: url(images/img05.jpg) no-repeat;
	font-size: 12px;
	overflow: hidden;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 20px;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: url(images/img06.gif) repeat-x left bottom;
}

#sidebar h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-weight: bold;
	color: #DFE8F2;
}

#sidebar h3 {
	margin: 0;
}

#sidebar p {
	margin: 0;
}

#sidebar a {
*//* text-decoration: none;
}

#sidebar a:hover {
*//* text-decoration: underline;
}

/* Search */

#search {
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search legend {
	display: none;
}

#search input {
	float: right;
	margin-bottom: 5px;
	background: #5A83AE;
	border: 1px solid #000000;
	text-transform: lowercase;
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #000000;
}

#searchform {
	margin: 0;
	padding: 10px 20px 20px 20px;
}

#searchfield {
	width: 165px;
	padding: 2px 5px;
}

#searchsubmit {
}

/* Submenu */

#submenu a {
	padding-left: 15px;
	background: url(images/img07.gif) no-repeat left center;
}

/* Footer */

#footer {
	width: 680px;
	height: 100px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url(images/img08.jpg) no-repeat;
}

#footer p {
	margin: 0;
	padding: 0 0 0 40px;
	font-size: 77%;
	color: #0F1720;
}

#footer a {
	color: #0F1720;
}

hr {border: none; color: #C0C0C0; background-color: #C0C0C0; height: 1px; line-height: 1px;}

Re: ANKETA: rozlišení homepage

Napsal: 18 srp 2009, 15:27
od Patrik.Lisanik
Alespoň na té šířce se zatím shodnem - změnit šířku stránky na 960px není problém.

Výběr webů a jeden blog mě nepřesvědčí, že pirátská vlajka není černá ;)
Stejně účelově můžu oponovat i já (autodesk.com, hp.com, nvidia.com ...)

Protože tady žádnou drtivou většinu pro změnu nevidím, uděláme pokus. Lukáš připraví test stránku a já do toho navrhnu světlou grafiku. Pak rozhodnem, ok? .. a nebo už je rozhodnuto a jen o tom nevím? :mrgreen:

Re: ANKETA: rozlišení homepage

Napsal: 18 srp 2009, 15:39
od Kamil_Horky
Ohledně barvy není nic rozhodnuto, barvy jsou stejně subjektivní.
Nudle uprostřed obrazovky není subjektivní, ale na h****. :-)
Takže bych se zaměřil na rozšíření a pak se uvidí.

Re: ANKETA: rozlišení homepage

Napsal: 19 srp 2009, 00:51
od Patrik Sima
Nejpoužívanější rozlišení je 1024x768 a výše, takže web by měl být optimalizován minimálně pro toto. Skutečná šířka viz http://www.methodologie.com/webcanvas/
Všechny časy jsou v UTC+02:00
Stránka 2 z 3

Založeno na phpBB® Forum Software © phpBB Limited

Český překlad – phpBB.cz