Phpraider Template

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Phpraider Template

Message par HoShiMayatan le Dim 22 Déc 2013 - 11:56

Bonjour Smile

Pour les besoins des membres de mon forum, j'ai remis en place un phpraider (un calendrier qui permet de s'inscrire aux différentes sorties/event d'une guilde/commaunauté via forum/site). Cependant il est actuellement impossible de trouver un template à retoucher, tout les liens sont morts, cela fait des jours que je cherche en vain :/

Et je n'y connais strictement rien aux codes, Ccs et compagnie, le template par default est juste tout vide, 
le strict minimum ... Et tout ça est bien laid ><

En somme je rencontre moultes difficultés pour opérer quelques changements :
J'ai voulu ajouter une image en fond, c'est devenu tout noir ;
Je change le logo en le renommant correctement ... il ne change pas ...
De plus lorsque je modifie certaines images via mon FTP, le changement n'est pas pris en compte :/
(la barre verte reste verte, malgré reupload via ftp après modif ... )

Donc, si une personne s'y connait un peu, j'aimerai simplement revenir à un thème semblable à celui-ci :
(dans ces couleurs, avec la colonne centrale en transparence, qui permet de voir l'image en arrière plan)


Ou à défaut : 
- changer quelques couleurs 
- suprimer le contour en pointillé
- régler le problème du logo 
- mettre une image à la place de la couleure noire (qui était blanche avant :




Merci  Embarassed 
Et je m'excuse par avance si le topic est mal placé :/


______________

Phpraider v1.0.8


Dernière édition par HoShiMayatan le Jeu 26 Déc 2013 - 12:09, édité 1 fois

HoShiMayatan
***

Féminin
Messages : 128
Inscrit(e) le : 29/10/2008

http://madeyes.forumclan.com/
HoShiMayatan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par WhyNot le Dim 22 Déc 2013 - 14:51

Hello,

Je ne pense pas que ton forum soit un forumactif ? Ou bien il faut me montrer comment tu as installé un phpRaider sur un FA What a Face

WhyNot
****

Masculin
Messages : 232
Inscrit(e) le : 25/11/2013

http://forum.forumactif.com
WhyNot a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par HoShiMayatan le Dim 22 Déc 2013 - 23:58

Coucou

Si c'en est un Smile 
J'avais placé mon topic dans "problèmes divers" car ça ne concerne pas directement l'apparence du forum ^^

D'ailleurs sur un autre topic Ea m'avait aidée à lier les comptes forum à celui du phpraider,
pour dire il s'agit bien d'un fofo forum actif ici

Mais je me contente de placer le lien de mon phpraider sur la barre de navigation du forum  Embarassed
( en "liant" les comptes avec le script d'Ea )

HoShiMayatan
***

Féminin
Messages : 128
Inscrit(e) le : 29/10/2008

http://madeyes.forumclan.com/
HoShiMayatan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par Ea le Lun 23 Déc 2013 - 0:39

J'imagine que les seuls qui peuvent avoir le code du thème sont ceux qui l'ont téléchargé de :
http://forums.jeuxonline.info/showthread.php?t=1022247

Vous pourriez j'imagine ( si il y en a ) partir d'un autre thème disponible pour phpraider.

Si les deux ne sont pas réalisables, il faut modifier des images et du css ( si vous ne trouvez personne pour le faire pour vous, c'est une des choses les plus simples à apprendre [balise img 1], [balise img 2], [css background], css, ... ).

Autrement ce forum n'est pas fait pour des commandes de code, donc si vous n'indiquer pas :

- ce que vous avez essayé,
- ce que ça aurait du donné,
- ce que ça a donné,
- un lien de la page où c'est en place et où ça ne fonctionne pas.

il serait dur de vous aider.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par HoShiMayatan le Lun 23 Déc 2013 - 3:01

@Ea a écrit:J'imagine que les seuls qui peuvent avoir le code du thème sont ceux qui l'ont téléchargé de :
http://forums.jeuxonline.info/showthread.php?t=1022247

Vous pourriez j'imagine ( si il y en a ) partir d'un autre thème disponible pour phpraider.
C'est exactement ce que j'ai cherché pendant des jours ...
Mais toutes les personnes qui ont un template + gamepack sont en inactivité sur ces forums, et les liens sur internet sont morts. D'où le fait que je tente de modifier le template par default qui est très "vide" de base donc pas évident pour moi :/

- ce que vous avez essayé,
- ce que ça aurait du donné,
- ce que ça a donné,
- un lien de la page où c'est en place et où ça ne fonctionne pas.

Voici l'adresse : http://www.madeyes-raids.com/phpraid/index.php

J'ai principalement essayé de modifier le fichier "styleheet.ccs" via mon ftp (/httpdocs/phpraid/templates/defaulteste/style), j'avais essayé de mettre une image (nommé bg.png) en ajoutant ce que vous m'aviez donné comme code dans l'autre topic à partir de /* General page style. */ body ... 

Voici les codes du fichier styleheet :

Code:
/******************************
* PHPRAID includeD CSS STYLES *
******************************/

/*
{template_name} TEMPLATE BY FRAZIER DAVES
MODIFIED FOR PHPRAIDER BY KYLE SPRAGGS
/*

/* General page style. */
body {
 color:#999999;
 background-color:#cccccc;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
        background-image: url(../images/bg.png);
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: fixed;
}

hr {
}

/* The text input fields background colour */
/* And all button looks */
input.post, textarea.post, select {
 border: 1px solid #000000;
 background-color:#ffffff;
}

input { text-indent : 2px; font-size: 11px; }

/* main submit button */
input.mainoption {
 font-weight: bolder;
}

/* secondary submit button (usually a reset) */
input.liteoption {
}

/* Formatting for the hover tooltips */
#dhtmltooltip{
 position: absolute;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 text-align:left;
 border: 1px solid white;
 padding: 3px;
 background-color: black;
 visibility: hidden;
 z-index: 100;
 color: white;
}

.contentHeader {
 background-image:url('../images/header_background.png');
 background-repeat:no-repeat;
 color:#000000;
 font-weight:bolder;
 font-size:12px;
 height:17px;
 text-align:left;
 text-indent:3px;
 padding-top:1px;
 width:100%;
}

.contentBody {
 background-color:#E6FBFF;
 border:1px solid #000000;
 font-size: 11px;
 padding: 3px;
 text-align: left;
}

/* border color for data */
.dataOutline {
 border:1px solid #000000;
 font-size:11px;
}

.errorHeader {
 background-color: #FF9194;
 border: 1px solid #ff0000;
 font-weight:bolder;
 padding:5px;
 text-align:left;
 width: 600px;
}

.errorBody {
 background-color:#FFCACB;
 border: 1px solid #ff0000;
 border-top:0px;
 padding:5px;
 text-align:center;
 width: 600px;
}

.errorBody li {
 text-align:left;
}

/* header for data output */
.listHeader {
 background-color:#86d6f0;
}

.listHeader A:link,a:visited,a:active,a:hover {
 color:#000000;
}

/* row colors for data output and hover color */
.row1 {
 background-color:#f3f3f3;
}

.row2 {
 background-color:#f8f8f8;
}

.rowHover {
 background-color:#E6FBFF;
}

.name_class {
 font-size:11px;
 font-weight:bold;
 vertical-align: top
}

.field_class {
}

.button {
 text-align:center;
}

/* calendar CSS */
.calendarHeader {
 background-color:#663333;
 font-size:11px;
 font-weight:bolder;
 text-align:center;
}

.datepicker {
 padding:3px;
 text-align:center;
}

.month {
 background-color:#86d6f0;
 border:1px solid #000000;
 padding:0px;
}

.dayname {
 font-size:11px;
 font-weight:bolder;
 border: 1px solid #594242;
 background-color:#cccccc;
}

.datepickerform {
 font-size:11px;
}

.monthnavigation {
 font-size:11px;
}

.nomonthday {
 background-color:#E6FBFF;
 border: 1px solid #000000;
 width:103px;
 height:103px;
}

.monthday {
 background-color:#ffffff;
 border: 1px solid #000000;
 font-size:11px;
 height:103px;
 vertical-align:top;
 width:103px;
}

.saturday {
 background-color:#eeeeee;
 border: 1px solid #000000;
 font-size:11px;
 height:103px;
 vertical-align:top;
 width:103px;
}

.sunday {
 background-color:#eeeeee;
 border: 1px solid #000000;
 font-size:11px;
 height:103px;
 vertical-align:top;
 width:103px;
}

.today {
 background-color:#cccccc;
 border:1px solid #000000;
 font-size:11px;
 height:103px;
 vertical-align:top;
 width:103px;
}

.eventcontent {
 font-size:11px;
 vertical-align:top;
 width:100%;
}
/**********************
* TEMPLATE CSS STYLES *
***********************/
#bodyContainer {
 background-color:#fefefe;
 border:1px dashed #000000;
 padding:15px;
 margin: 5px;
 width:770px;
}

.footer {
 background-color:#eeeeee;
 border: 1px solid #000000;
 padding: 5px;
}

.suckertreemenu ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.approvedSignups {
 background-color:#eeeeee;
 border:1px solid #000000;
 font-weight:bold;
 padding:3px;
 text-align:left;
}

.queuedSignups {
 border:1px solid #00FF00;
 background-color:#BFFFBF;
 font-weight:bold;
 padding:3px;
 text-align:left;

}

.cancelledSignups {
 border:1px solid #FF0000;
 background-color:#FFCACB;
 font-weight:bold;
 padding:3px;
 text-align:left;
}

.announcementOutline {
 font-size:11px;
}

.announcementHeader {
 background-image:url('../images/header_background.png');
}

.announcementMessage {
}

.announcementPoster {
 font-size:10px;
 font-style:italic;
 text-align:right;
}

.announcementActions {
 background-color:#ffffff;
}

tr {
 font-size:11px;
}

.formError {
 background-color:#FF0000;
 border: 1px dashed #000000;
 color:#ffffff;
 font-weight:bold;
 padding:3px;
 text-align:center;
}

.viewTimestamp {
 font-size:9px;
}

.popup {
 position: absolute;
 display: none;
 text-align: left;
 padding: 3px;
}

.popupBack {
 background-color:#ffffff;
 border: 1px solid #000000;
}

td.label { text-align: right; }

/* need to be at the bottom */
a:link,a:active,a:visited {
 color:#0099ff;
 text-decoration:none;
}

a:hover {
 color:#000000;
}

.information {
 font-size:9px;
 font-style:italic;
}



Après j'ai tenté de changer les codes couleurs mais sans m'y retrouver, et de supprimer les pointillés :/
Je voulais que la couleur blanche et bleu (1 et 2 sur l'image en dessous ) soient modifiées pour obtenir une couleur/theme proche du précédent phpraider que vous m'aviez aidé a modifié pour les logs de compte.

Le 1 doit être transparent si je ne me trompe pas, et le 2 dans les tons marron/bordeau.



Ensuite, j'ai eu beau supprimer le logo et en reupload un autre il reste inchangé.
Pareil pour la "barre verte" qui est aussi une image que j'ai modifiée ...
(dans : /httpdocs/phpraid/templates/defaulteste/images/header_background.png)

De plus j'ai un nouveau souci :
en testant les icones de raids, le calendrier dépasse de sa "colonne centrale" sur la droite.


HoShiMayatan
***

Féminin
Messages : 128
Inscrit(e) le : 29/10/2008

http://madeyes.forumclan.com/
HoShiMayatan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par Ea le Lun 23 Déc 2013 - 8:37

.. va dans le dossier parent, donc si vous n'avez pas d'image en :

Code:
http://www.madeyes-raids.com/phpraid/templates/defaulteste/images/bg.jpg

cela ne fonctionnera pas.

Vous pouvez mettre une adresse complète :

Code:
background-image:url(http://i58.servimg.com/u/f58/11/78/15/91/fetes-10.png);

Si je teste par exemple en ajoutant ce css :

Code:
html, body { height: 100%;}
body {
 color: #fff;
  background: #fff url(http://i.imgur.com/BXywruE.jpg) no-repeat fixed;
  background-size:  cover;
  margin-top: 20px;
}
#bodyContainer{
  width: 70%;
  border: none;
  box-shadow: 0 0 1px #81D8FF;
  background: url(http://i.imgur.com/px3eCXy.png);
  border-radius: 5px;
}
.contentHeader { background: url(http://i.imgur.com/7D93oTf.png); border: 1px solid #000; color: #667; }
.contentBody, #nav li a{
  color: #fff;
  background: url(http://i.imgur.com/So2Jf4s.png);
}
a:link, a:active, a:visited { color: #bbddff; }

le css semble fonctionner comme sur partout sur internet.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par HoShiMayatan le Lun 23 Déc 2013 - 9:07

Bonjour Smile

Je suis un peu perdue dans vos indications, qu'est ce que le dossier parent ?
De plus le nom de l'image teste que j'ai mise via ftp est bg.png et non bg.jpg.
Et quand je suis le lien :

Code:
http://www.madeyes-raids.com/phpraid/templates/defaulteste/images/bg.png

L'image s'affiche.
Donc ça devrait marcher ?

Pour votre code ccs je l'ai mis comme ça au début du fichier stylesheet.ccs :

Code:
/******************************
* PHPRAID includeD CSS STYLES *
******************************/

/*
{template_name} TEMPLATE BY FRAZIER DAVES
MODIFIED FOR PHPRAIDER BY KYLE SPRAGGS
/*

/* General page style. */
html, body { height: 100%;}
body {
 color: #fff;
  background: #fff url(http://i.imgur.com/BXywruE.jpg) no-repeat fixed;
  background-size:  cover;
  margin-top: 20px;
}
#bodyContainer{
  width: 70%;
  border: none;
  box-shadow: 0 0 1px #81D8FF;
  background: url(http://i.imgur.com/px3eCXy.png);
  border-radius: 5px;
}
.contentHeader { background: url(http://i.imgur.com/7D93oTf.png); border: 1px solid #000; color: #667; }
.contentBody, #nav li a{
  color: #fff;
  background: url(http://i.imgur.com/So2Jf4s.png);
}
a:link, a:active, a:visited { color: #bbddff; }

hr {
}

/* The text input fields background colour */
/* And all button looks */
input.post, textarea.post, select {
   border: 1px solid #000000;
   background-color:#ffffff;
}

input { text-indent : 2px; font-size: 11px; }

/* main submit button */
input.mainoption {
   font-weight: bolder;
}

/* secondary submit button (usually a reset) */
input.liteoption {
}

/* Formatting for the hover tooltips */
#dhtmltooltip{
   position: absolute;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   text-align:left;
   border: 1px solid white;
   padding: 3px;
   background-color: black;
   visibility: hidden;
   z-index: 100;
   color: white;
}

.contentHeader {
   background-image:url('../images/header_background.png');
   background-repeat:no-repeat;
   color:#000000;
   font-weight:bolder;
   font-size:12px;
   height:17px;
   text-align:left;
   text-indent:3px;
   padding-top:1px;
   width:100%;
}

.contentBody {
   background-color:#E6FBFF;
   border:1px solid #000000;
   font-size: 11px;
   padding: 3px;
   text-align: left;
}

/* border color for data */
.dataOutline {
   border:1px solid #000000;
   font-size:11px;
}

.errorHeader {
   background-color: #FF9194;
   border: 1px solid #ff0000;
   font-weight:bolder;
   padding:5px;
   text-align:left;
   width: 600px;
}

.errorBody {
   background-color:#FFCACB;
   border: 1px solid #ff0000;
   border-top:0px;
   padding:5px;
   text-align:center;
   width: 600px;
}

.errorBody li {
   text-align:left;
}

/* header for data output */
.listHeader {
   background-color:#86d6f0;
}

.listHeader A:link,a:visited,a:active,a:hover {
   color:#000000;
}

/* row colors for data output and hover color */
.row1 {
   background-color:#f3f3f3;
}

.row2 {
   background-color:#f8f8f8;
}

.rowHover {
   background-color:#E6FBFF;
}

.name_class {
   font-size:11px;
   font-weight:bold;
   vertical-align: top
}

.field_class {
}

.button {
   text-align:center;
}

/* calendar CSS */
.calendarHeader {
   background-color:#663333;
   font-size:11px;
   font-weight:bolder;
   text-align:center;
}

.datepicker {
   padding:3px;
   text-align:center;
}

.month {
   background-color:#86d6f0;
   border:1px solid #000000;
   padding:0px;
}

.dayname {
   font-size:11px;
   font-weight:bolder;
   border: 1px solid #594242;
   background-color:#cccccc;
}

.datepickerform {
   font-size:11px;
}

.monthnavigation {
   font-size:11px;
}

.nomonthday {
   background-color:#E6FBFF;
   border: 1px solid #000000;
   width:103px;
   height:103px;
}

.monthday {
   background-color:#ffffff;
   border: 1px solid #000000;
   font-size:11px;
   height:103px;
   vertical-align:top;
   width:103px;
}

.saturday {
   background-color:#eeeeee;
   border: 1px solid #000000;
   font-size:11px;
   height:103px;
   vertical-align:top;
   width:103px;
}

.sunday {
   background-color:#eeeeee;
   border: 1px solid #000000;
   font-size:11px;
   height:103px;
   vertical-align:top;
   width:103px;
}

.today {
   background-color:#cccccc;
   border:1px solid #000000;
   font-size:11px;
   height:103px;
   vertical-align:top;
   width:103px;
}

.eventcontent {
   font-size:11px;
   vertical-align:top;
   width:100%;
}
/**********************
* TEMPLATE CSS STYLES *
***********************/
#bodyContainer {
   background-color:#fefefe;
   border:1px dashed #000000;
   padding:15px;
   margin: 5px;
   width:770px;
}

.footer {
   background-color:#eeeeee;
   border: 1px solid #000000;
   padding: 5px;
}

.suckertreemenu ul{
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.approvedSignups {
   background-color:#eeeeee;
   border:1px solid #000000;
   font-weight:bold;
   padding:3px;
   text-align:left;
}

.queuedSignups {
   border:1px solid #00FF00;
   background-color:#BFFFBF;
   font-weight:bold;
   padding:3px;
   text-align:left;

}

.cancelledSignups {
   border:1px solid #FF0000;
   background-color:#FFCACB;
   font-weight:bold;
   padding:3px;
   text-align:left;
}

.announcementOutline {
   font-size:11px;
}

.announcementHeader {
   background-image:url('../images/header_background.png');
}

.announcementMessage {
}

.announcementPoster {
   font-size:10px;
   font-style:italic;
   text-align:right;
}

.announcementActions {
   background-color:#ffffff;
}

tr {
   font-size:11px;
}

.formError {
   background-color:#FF0000;
   border: 1px dashed #000000;
   color:#ffffff;
   font-weight:bold;
   padding:3px;
   text-align:center;
}

.viewTimestamp {
   font-size:9px;
}

.popup {
   position: absolute;
   display: none;
   text-align: left;
   padding: 3px;
}

.popupBack {
   background-color:#ffffff;
   border: 1px solid #000000;
}

td.label { text-align: right; }

/* need to be at the bottom */
a:link,a:active,a:visited {
   color:#0099ff;
   text-decoration:none;
}

a:hover {
   color:#000000;
}

.information {
   font-size:9px;
   font-style:italic;
}

Rien n'a changé  Embarassed

HoShiMayatan
***

Féminin
Messages : 128
Inscrit(e) le : 29/10/2008

http://madeyes.forumclan.com/
HoShiMayatan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par Ea le Lun 23 Déc 2013 - 9:39

Il faut le mettre à la fin pas au début.

Si on met :

Code:
body { color: red; }
body { color: blue; }
body { color: green; }

c'est la dernière déclaration ( green ) qui l'emporte.

Ceci c'est un dossier :
http://www.madeyes-raids.com/phpraid//templates/defaulteste/style/

son dossier parent est :
http://www.madeyes-raids.com/phpraid//templates/defaulteste/

son dossier parent est :
http://www.madeyes-raids.com/phpraid//templates/

son dossier parent est :
http://www.madeyes-raids.com/phpraid//

...

si l'image est :

Code:
http://www.madeyes-raids.com/phpraid/templates/defaulteste/images/bg.png

vous pouvez mettre :

Code:
background-image:url(http://www.madeyes-raids.com/phpraid/templates/defaulteste/images/bg.png);

ou :

Code:
        background-image: url(../images/bg.png);

dans le css en ce moment vous avez :

Code:
        background-image: url(../images/bg.jpg);

et il n'y a pas de magie qui va transformer jpg en png.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par HoShiMayatan le Lun 23 Déc 2013 - 14:11

et il n'y a pas de magie qui va transformer jpg en png.
Je m'en doute merci ...
Ce n'est pas évident de trouver quel code correspond à quoi lorsqu'on a pas l'habitude.

J'ai repris le template par default d'origine pour partir d'une base sans retouche de ma part.
J'ai appliqué votre code ccs, cela fonctionne très bien.

Néanmoins il reste une couleur inchangée dont je recherche l'emplacement :


De plus comme l'écriture est blanche on ne vois plus les info.
Où puis-je changer la couleur d'écriture et le fond blanc ?

HoShiMayatan
***

Féminin
Messages : 128
Inscrit(e) le : 29/10/2008

http://madeyes.forumclan.com/
HoShiMayatan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par Ea le Lun 23 Déc 2013 - 21:57

Je m'en doute merci ...

C'est possible par une certaine configuration du serveur ( qui en cas de lien erroné va rediriger vers une page à l'adresse proche ).

Dans le code css que j'ai donné, la couleur d'écriture est la première déclaration de ce bloc :

Code:
.contentBody, #nav li a{
  color: #fff;
  background: url(http://i.imgur.com/So2Jf4s.png);
}

Pour le reste je n'ai pas accès à cette page.

Mais sinon sur google chrome, il suffit d'ouvrir les outils de développeur ( par menu ou CTRL + SHIFT + I ) :

> http://i.imgur.com/BHmQ0Wy.jpg

Ensuite il y a juste à cliquer sur la loupe ( tout en bas à gauche ) puis cliquer sur l'élément qui nous intéresse, et on voit les blocs css qui agissent sur l'élément, on peut même le modifier de là ( mais ça reviendra à 0 en ré-affichant la page, donc il faut tout de même sauver ) :

> http://i.imgur.com/W4i3Ke9.png
> http://i.imgur.com/7WcFRAw.png
> http://i.imgur.com/k9dD5f5.png

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Phpraider Template

Message par HoShiMayatan le Jeu 26 Déc 2013 - 12:08

Merci beaucoup pour votre aide et bonnes fêtes de fin d'années ^^
Je note le sujet comme résolu Smile

HoShiMayatan
***

Féminin
Messages : 128
Inscrit(e) le : 29/10/2008

http://madeyes.forumclan.com/
HoShiMayatan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum