yAroNews : nouveau site - Page 7

./177 : oui, j'ai pas envie que mes 176 sites de cul soient mémorisés

(nan mais plus sérieusement j'aime pas trop qu'un truc enregistre tout ce que je fais, en me le montrant d'une façon aussi flagrante et sans me donner la possibilité de supprimer... google, youtube et tous les autres possèdent tjrs une option "effacer l'historique")

(parce que tu crois que Google efface réellement les infos sur le serveur quand tu cliques sur "effacer" ? tsss, tu es bien naïf )

je pense qu'ils ont toujours moyen de reconstruire les infos mais que ça vire effectivement ce qui est utilisé pour afficher mon historique oui.

dans le même ordre d'idée, je sais que yN log chaque clic qu'on fait sur le site, mais ça ne me dérange pas plus que ça tant qu'il n'existe aucune interface pour consulter ces infos.

[edit] clarification sur irc puisque visiblement c'est pas très clair :

(00:11:27) (Zerosquare) ça te dérange pas d'être pisté du moment qu'on te le montre pas
(00:11:49) (Vertyos) c'est pas exactement ça mais pas loin
(00:12:38) (Vertyos) ça me dérange qu'il y ait carrément tout un système prévu pour mémoriser et afficher l'intégralité de ce que j'ai fait sur yNews
(00:12:52) (Vertyos) après, que yAro garde des .log avec des infos technique en cas de hack ou autre, ok, pas de pb (00:12:58) (Vertyos) c'est pas fait pour être consulté en temps normal

Option ajoutée pour effacer l'historique

Ah oui, je suis d'accord, et je voulais en parler mais j'ai oublié... une option "ne pas enregistrer l'historique" + "purger l'historique", ça serait bien

Zephyr (./183) :

dans le même ordre d'idée, je sais que yN log chaque clic qu'on fait sur le site, mais ça ne me dérange pas plus que ça tant qu'il n'existe aucune interface pour consulter ces infos.

ph34r

edit : cross, c'est malin

Est-ce qu'il y aurait moyen d'avoir un accès direct aux 10 premiers tabs avec 1 2 3 4 5 6 7 8 9 0 ?

peut-il faire le café en appuyant sur c ?

Flanker (./186) :
st-ce qu'il y aurait moyen d'avoir un accès direct aux 10 premiers tabs avec 1 2 3 4 5 6 7 8 9 0 ?

Ajouté ^^ Par contre j'ai pas pu tester avec un clavier desktop vu que j'en ai pas Donc si qqun pouvait le faire

Bon, j'ai fais une petite counerie je crois

Est ce que qqun aurait les fichiers news.js/styles.css datant d'hier ou avant dans leur cache ? ^^

Je viens de le recharger

mais ça marche bien avec les nombres


Merci !

Fichier joint : news.js
Par contre, pour styles.css, c'en est un spécial pour n.yaronet.com ? je n'arrive pas à le trouver dans mon cache...

Oui c'est un spécial

J'ai trouvé styles_1.css ; est-ce que c'est ça ?
Fichier joint : styles_1.css

edit : background-color: #CACACA; (il m'en faut peu)

Nop, ca c'est la feuille de style pour le mode mini ^^

Arf, désolé, je suis en mode mini moi, j'ai pas mieux t'es sûr que c'est /res/styles.css ? je l'ai pas, dans ce cas

j'ai pas ici (taf) je regarderais ce soir chez moi

Bon j'ai pu récupérer la CSS grâce au cache de firefox \o/

Merci en tout cas pour ceux qui ont regardé

T'as pas de svn pour le code ?

"svn" a coté de "backup" ça me fait marrer quand même

J'ai pas trouvé svn pour les nuls

il existe pas, svn c'est pas pour les nuls ()

au cas où, j'ai un style.css?v=5 de http://n.yaronet.com/res/ dont voici le contenu :

*
{
	font-family: Verdana;
}

.clear
{
	clear: both;
}

body
{
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
	background-color: #036;
}

.body
{
	/* for ie6 */
	width:expression(document.body.clientWidth > 1000 ? "1000px": "auto" ); 
	max-width: 1000px;
	background-color: #F5F5F5;
	margin: auto;
	border-left: 2px solid black;
	border-right: 2px solid black;
}


.header
{
	background-color: #036;
	padding: 1px 0px 0px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
	background-image: url('fondHeader.png');
}

.footer
{
	background-color: #BFD3EE;
	padding-bottom: 2px;
	border-bottom: 4px solid #036;
}

.pubFooter
{
	text-align: center;
	margin: 4px;
}

.header img
{
	vertical-align: middle;
}

.boo
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 12px;
}


.pub
{
	float: right;
	margin-top: 12px;
	padding-right: 4px;
}

h1
{
	color: white;
	font-style: italic;
	margin-bottom: 4px;
	padding-bottom: 8px;
	padding-left: 70px;
}

h2
{
	font-style: italic;
	font-size: 12pt;
	color: White;
}

h2.arrow
{
	padding-left: 24px;
	margin-top: 14px;
	margin-bottom: 15px;
	background-color: #147;
	background-image: url(h2round.png);
	background-repeat: no-repeat;
}

.selAll
{
	font-size: 80%;
	font-weight: bold;
	cursor: pointer;
}

#tooltip
{
	position:absolute;
	background: #FFFFCF;
	color: black;
	font-size: 11px;
	padding: 2px;
}

#tooltipSave
{
	position:absolute;
	background: #FFFFCF;
	color: black;
	font-size: 11px;
	padding: 2px 2px 2px 18px;
	font-weight: bold;
	background-image: url(save.png);
	background-position: 4px 4px;
	background-repeat: no-repeat;
}

.subTitle
{
	padding: 2px 2px 2px 90px;
	background-color: white;
	background-image: url(fondSubHeader.png);
	border-bottom: 1px solid #333;
	border-top: 2px solid #000;
	font-weight: bold;
}

.linkProfile
{
	background-image: url('profil.png');
}

.linkAdmin
{
	background-image: url('gear.png');
}

.linkNews
{
	background-image: url('newspaper.png');
}

.linkyN
{
	background-image: url('yNicon.png');
}

.linkHisto
{
	background-image: url('histo.png');
}

.linkDelog
{
	background-image: url('deco.gif');
}

.linkProfile, .linkDelog, .linkAdmin, .linkNews, .linkHisto, .linkyN
{
	background-repeat: no-repeat;
	background-position: 2px 0px;
	padding-left: 20px;
	margin-right: 8px;
}

.heure
{
	color: #999;
}

.logMenu
{
	float: right;
}
.logMenu img
{
}

.mbLinks
{
	margin: 6px 4px 0px 4px;
}

.mbLinks .insc
{
	background-image: url(user.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.mbLinks .lost
{
	background-image: url(lostPwd.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

.mbLinks .yn
{
	background-image: url(yNicon.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#copy
{
	padding: 2px;
	background-color: white;
	font-weight: bold;
	font-style: italic;	
	border-top: 2px solid black;
	border-bottom: 1px solid #333;
	text-align: right;
}

#copy img
{
	vertical-align: middle;
}

a
{
	text-decoration: none;
	color: #036;
	font-weight: bold;
}

.help
{
	padding: 2px 20px;
	background-color: #FFFFE1;
	border-bottom: 1px solid #9D9DA1;
	background-image: url('help.png');
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

.messageTitle
{
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin: 0px 6px 14px 6px;
	border-bottom: 2px solid #7396B9;
}

.message, .messageMisc, .messageError, .messageNews
{
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
	border-left: 5px solid #369;
	margin: 10px;
	padding: 6px 6px 6px 44px;
	font-size: 12px;
	background-color: #fdfdfd;
	background-position: 6px 6px;
	min-height: 32px;
}

.message
{
	background-image: url(info.png);
	background-repeat: no-repeat;
}
.messageMisc
{
	background-image: url(misc.png);
	background-repeat: no-repeat;
}
.messageError
{
	background-image: url(error.png);
	background-repeat: no-repeat;
	border-left: 5px solid #D80000;
}
.messageNews
{
	background-image: url(news.png);
	background-repeat: no-repeat;
}
.messageError .messageTitle
{
	border-bottom: 2px solid #D80000;
}

.warn
{
	background-color: #FFEEEE;
	border: 1px solid #DD9999;
	padding: 4px;
	margin: 4px;
}

#refreshOpt, #orderOpt
{
	margin-right: 10px;
}

#refreshOpt, #orderOpt, #tbSearch, #filterFeed
{
	margin: 3px 0px;
}

#tbSearch
{
	font-size: 7pt;
	border: 1px solid #aaa;
}

#filterFeed
{
	font-size: 7pt;
}

#pageContent
{
	clear: both;
	padding: 0px 4px 4px 4px;
}

#navOptions
{
	margin: 4px;
}

#roller
{
	display: none;
	position: absolute;
	top: 0px;
	background-color: white;
	border: 1px solid #06389A;
	margin-left: 4px;
	padding: 2px;
}

img
{
	border: 0px;
}

#newsContent
{
	clear: both;
	padding-top: 4px;
}

#newsList
{
	width: 82%;
}

#colRight
{
	float: right;
	width: 17%;
	margin-right: 2px;
}

#keysHelp
{
	background-color: #fdfdfd;
	padding: 4px;
}

#khTitle, #menuTitle
{
	display: block;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #666;
	margin-bottom: 4px;
}

#khTitle
{
	background-image: url('help.png');
	background-repeat: no-repeat;
	background-position: 3px 2px;
}

#cloud
{
	padding: 4px;
	margin-top: 10px;
	background-color: #fdfdfd;
	background-image: url(cloud.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#cloud a
{
	font-weight: normal;
	padding-right: 4px;
	padding-left: 4px;
}

#cloud a:hover
{
	text-decoration: underline;
}
#cloud .cloudAll
{
	display:block;
	border-bottom: 1px solid #666;
	margin-bottom: 4px;
	text-align: center;
	padding-bottom: 2px;
}

#cloud .cloudAll a
{
	font-weight: bold;
}

input[type='text']:focus, input[type='password']:focus
{
	background-color: #FFFFDF;
}
.newsItem0, .newsItem1
{
	border-left: 10px solid #ddd;
	border-top: 1px solid #999;
	padding: 6px;
	background-color: #fdfdfd;
}

.newsItem0 .descImg, .newsItem1 .descImg
{
	display: none;
}

.highlighted .newsItem0 .descImg, .highlighted .newsItem1 .descImg,
.highlightedMouse .newsItem0 .descImg, .highlightedMouse .newsItem1 .descImg
{
	display: block;
}

.topic
{
	display: block;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 6px 6px 6px 16px;
	background-color: #fdfdfd;
	color: Black;
	background-image: url(fond_topic.gif);
	background-repeat: repeat-y;
	font-size: 10pt;
}

.topic .title
{
	margin-left: 4px;
}

.topic img
{
	vertical-align: middle;
}

.topic .infos
{
	font-weight: normal;
}

.topic .author
{
	font-weight: normal;
	font-size: 8pt;
}

.topic:hover
{
	background-color: #f5f5f5;
}

.topics
{
	margin: 10px;
	border-bottom: 1px solid #999;
}

.topic .infos
{
	float: right;
}

.posts
{
	margin: 10px;
	border-bottom: 1px solid #999;
}

.topic .rep
{
	font-style: italic;
	color: #666;
}

.topic .lastPost
{
	background-image: url(lastp.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	padding-left: 22px;
}

.post
{
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background-color: #fdfdfd;
	background-image: url(fond_post.gif);
	background-repeat: repeat-y;
	padding: 0px;
}

.postInner
{
	background-image: url(fond_postH.png);
	background-repeat: repeat-x;
	padding: 3px 6px 6px 16px;
}

.post .actions
{
	display: block;
	font-size: 10px;
}

.posts .num
{
	font-weight: bold;
	color: #036;
}

.posts .author
{
	font-weight: bold;
	color: #333;
}

.posts .msg
{
	border-top: 1px solid #ccc;
	margin-top: 4px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 4px;
	
	display: block;
	padding: 8px 0px;
}


.newsItem0 img, .newsItem1 img
{
	vertical-align: middle;
}

.newsLink
{
	display: block;
}

.hiddenLink
{
	-moz-outline-style: none;
}

.newsSite
{
	font-size: 120%;
	color: #505050;
}

.newsDetails
{
	display: block;
	margin-top: 6px;
	font-weight: normal;
	color: #333;
}

.hide
{
	display: none;
}

.newsData
{
	float: right;
	opacity: 0.5; 
	filter : alpha(opacity=50); 
	max-width: 70px;
	height: 40px;
}

.newsData img
{
	max-height: 40px;
	max-width: 70px;
}

.newsDate
{
	font-weight: bold;
	color:black;
}

.newsPages
{
	margin: 4px 4px 0px 4px;
}

.currentPage
{
	font-size: 130%;
}

.changePage
{
	font-weight: normal;
	font-size: 90%;
	color: #96ABCC;
}

.highlighted .newsItem0
{
	background-color: #BFCAEA;
	border-left: 10px solid #036;
}

.highlighted .newsItem1
{
	background-color: #CACACA;
	border-left: 10px solid #333;
}


.highlightedMouse .newsItem0
{
	background-color: #ededed;
	border-left: 10px solid #666;
}

.highlightedMouse .newsItem1
{
	background-color: #CACACA;
	border-left: 10px solid #333;
}


.newsItem1 .newsLink
{
	color: #969696;
}

.separator
{
	margin: 0px;
	border-left: 10px solid #CC3300;
	background-color:#CC3300;
	height: 4px;
	padding: 0px;
}

ul#adminList
{
    list-style-type: none;
}

ul#adminList a
{
	display: block;
	background-color: white;
	border: 1px solid #333;
	text-align: center;
	padding: 10px;
	margin-bottom: 5px;
}

ul#adminList a:hover
{
	background-color: #eee;
}

ul#tabs, ul#tabsChild
{
    list-style-type: none;
    padding-bottom: 22px;
    margin: 0px;
	padding-left: 0px;
	margin-top: 14px;
}

ul#tabsChild
{
    padding-bottom: 23px;
	border-bottom: 1px solid #888;
}

ul#tabs li, ul#tabsChild li
{
    float: left;
    margin: 1px 6px 0px 0px;
	border-bottom: 2px solid transparent;
}
ul#tabs li a, ul#tabsChild li a
{
    background-color: #fdfdfd;
}

ul#tabs li.active, ul#tabsChild li.active
{
	border-bottom: 2px solid #036;
}

ul#tabs li.active a, ul#tabsChild li.active a
{
	color: black;
    background-color: #DAE0F2;
}

ul#tabs li a.unread, ul#tabsChild li a.unread, ul#tabs li.active a.unread, ul#tabsChild li.active a.unread
{
    color: #c30;
}

ul#tabs li a.addTab
{
	background-image: url(add.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 20px;
}

ul#tabs li a.privTab
{
	background-image: url(key.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 8px;	
}

ul#tabs li a.favTab
{
	background-image: url(fav.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 8px;	
}

ul#tabs li a.genTab
{
	background-image: url(feed.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 10px;	
}

ul#tabs li a.gearTab
{
	background-image: url(gear.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 10px;
}

ul#tabs li a.trTab
{
	background-image: url(clockIco.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 10px;
}

ul#tabs li a.rssTab
{
	background-image: url(rssAdd.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 22px;
}

ul#tabs li a.myrssTab
{
	background-image: url(feed.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 22px;
}

ul#tabs li a.addTab
{
	background-image: url(tab_add.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 26px;
}
ul#tabs li a.mngTab
{
	background-image: url(tab_edit.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 26px;
}
ul#tabs li a.backTab
{
	background-image: url(back.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 22px;
}

ul#tabs a, ul#tabsChild a
{
    float: left;
    display: block;
    text-decoration: none;
    padding: 4px 8px;
}

ul#tabs a:hover, ul#tabsChild a:hover
{
    background-color: #eee;
}

.highlighted .icons, .highlightedMouse .icons
{
    display: inline;
}

.icons
{
	float: right;
	display: none;
	padding-left: 10px;
}

.icons img
{
	padding-right: 5px;
}

table.adminTable
{
	border-collapse: collapse;
}

table.adminTable thead
{
	background-color: #E6EAF7;
}
table.adminTable td, table.adminTable th
{
	border: 1px solid #666;
	padding: 3px;
}
table.adminTable td
{
	background-color: White;
}

#loginButton
{
	background-image: url(user.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	border-bottom: 1px solid #915BA5;
}

#loginForm
{
	margin: 4px 0px;
}

#loginForm fieldset
{
	padding: 6px;
}

#loginForm label
{
	font-weight: bold;
	padding: 0px 4px;
}

#loginForm input
{
	font-size: 10px;
}

#options
{
	background-color: #fdfdfd;
	padding: 0px 4px;
	font-weight: bold;
	margin-bottom: 5px;
}

#options img
{
	vertical-align: middle;
}

#tabSites .category
{
	background-color: #fdfdfd;
}

#tabSites ul
{
	float: left;
	list-style-type: none;
	margin: 0px 30px 0px 10px;
	padding: 0px 6px;
	border-left: 4px solid #369;
	width: 40%;
}

#tabSites li
{
	padding-bottom: 6px;
}

#tabSites li img
{
}

#tabSites li.checked
{	
	background-color: #EBF9C7;
}
.clear
{
	clear: both;
	overflow: hidden;
	height: 0px;
}

textarea
{
	width: 300px;
	height: 100px;
}

#form label
{
	font-weight: bold;
	display: block;
	margin-top: 6px;
	padding: 4px 0px;
}

#form input.error
{
	background-color: #FFEEEE;
}

#form .error
{
	color: #c43100;
}

#form fieldset
{
	margin: 8px 4px;
}

#form #tbCss
{
	font-size: 8pt;
	width: 500px;
}

.btDelTab
{
	background-image: url(del.png);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 18px;
	margin: 6px;
	border: 0px;
	background-color: #fdfdfd;
}

La sauvegarde distribuée façon yAro

L'affichage est tout cassé sous IE 6 (comment ça on s'en fout ? je fais un bug report quand même )
En fait en mode "mini", chaque actualité est un peu décalée à gauche par rapport à la précédente, jusqu'à sortir de l'écran. Quand les survole de bas en haut avec la souris, elles se recallent, mais si on repasse à nouveau dessus elles repartent à l'ouest...

Fichier joint : (bugyNews.png)

Oh bah l'affichage classique doit être tout aussi pourri sous IE6 ^^

Ça, c'est dit

J'avais pas encore fait la remarque mais vu que maintenant j'ai installe chrome au boulot

J'y ai repense en regardant la css : "ca ca doit pas etre beau sur IE6","on dirait vraiment que c'est volontairement fait pour ruiner les IE6 users","Bah de toutes facons yN est remplie de geeks, personne n'utilise IE6"

Mais au boulot on n'a pas forcément le choix

Et vous faites des avions ? J'espère que vos outils sont moins obsolètes que ça dites donc

L'outil n'importe pas ^^ (et je ne sais pas toi, mais perso, je ne code pas sous IE )
(sinon, sache qu'en général, dans l'industrie, on utilise des outils très obsolète. Mais n'en déplaise à Kevin, ça ne veut pas dire qu'ils ne fonctionnent pas )