[résolu]]Comment modifier un css quand on a un mac ?


Titre et description des problèmes clairs et précis S.V.P.
L'endroit où les membres posent leurs questions sur les problèmes de changement de couleur, d'image, de logo, installation des thèmes, modification des fichiers CSS

Modérateurs: support, audax, scoreboard

[résolu]]Comment modifier un css quand on a un mac ?

Messagepar Busab » Dim 17 Juil 2005 09:33

Salutation !


Je cherche à modifier le css du thème solaris pour mon forum.

J'ai bien trouvé l'excellent sujet concernant ces modifications et les procédures à suivre. (et je les même compris, moi qui suis une bille en informatique !)

Mais je bloque dès la première étape !
Citation :
"Le fichier css est à copier et coller dans note pad ou bloc-notes de windows, qui sera en fait un simple fichier texte."

Vous allez pouvoir juger de mon incommensurable ignorance dans ce domaine, malgré tout :

Quand on n'a pas Windows (eh ! oui ! ça existe !), et donc pas de Note Pad ou de Bloc-notes Windows, dans quoi peut-on copier coller le fichier css pour en faire un simple fichier texte qui accepte .css ?

La question doit être basic, mais véritablement, je ne sais pas faire !
(J'ai un Mac OSX)

En vous priant de ne pas trop rire pendant votre réponse, cordialement, merci.
Busab
Membre sénior
Membre sénior
 
Messages: 10
Inscription: Dim 17 Juil 2005 07:05

Messagepar audax » Dim 17 Juil 2005 10:30

regarde voir si tu arrive a modifié le fichier css directement téléchargé
le fichier source;
http://demo.vosforums.com/templates/Solaris/Solaris.css

si tu arrives à ouvrir ce fichier et à faire des modifs, alors dans ce cas, tu prend d'abord le fichier css de solaris que j'ai mis à dispo, tu fais un copié collé et tu le colles sur le fichier téléchargé...
tu enregistres et tu fais tes modifs, puis tu le charge en laissant le .css

si tu n'arrives pas à modifié ce fichier téléchargé, il faut voir sur google si il existe des genre de bloc note pour mac..
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar audax » Dim 17 Juil 2005 10:56

regardes ici..
http://forum.hardware.fr/hardwarefr/Pro ... 0231-1.htm

le dernier post, tu devrais avoir simple text ou alors text edit sur ton mac
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Busab » Dim 17 Juil 2005 13:26

Avant tout, merci pour une réponse aussi rapide !


Je n'est pas réussi à modifié le fichier source.

Quand à l'autre solution :
J'ai déjà testé Text edit, mais à la sauvegarde il refuse de le sauvegarder sous .css
Au mieux on me propose un .css.rtf (riche text format)
ou .css.doc

et ça n'est pas accepter pour le changement de css.

Je bloque complétement, alors que je veux juste changer les codes couleur F8A406 en 00CCFF !
N'y a-t-il pas d'autres solutions ?
Busab
Membre sénior
Membre sénior
 
Messages: 10
Inscription: Dim 17 Juil 2005 07:05

Messagepar audax » Dim 17 Juil 2005 15:49

je ne sais pas comment tu a enregistré le fichier, mais il ne faut pas enregistré sous css
tu l'enregistre avec les modif que tu a apporté sans chercher le css dans l'option d'enregistrement..
une fois enregistré, tu renommes le fichier sur le disque en .css

exemple
ton fichier se nomme par exemple "solaris1"
tu fait les modifs puis tu enregistres en gardant le nom "solaris1"
puis seulement après, tu renommes le fichier "solaris1" en "solaris1.css"

pour le renommer, tu cliques sur le nom du fichier sur le disque et le nom se mettra en surbrillance et là, à ce moment tu le renommes..
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Busab » Dim 17 Juil 2005 19:53

Ca a marché pour le css, j'ai bien la modification souhaité, (les textes en bleu), seulement le thème Solaris n'est plus là !


En Solaris.css je n'ai pas les textes en bleu
Si je prends Solaris1.css, j'ai des textes en bleu mais plus de configuration solaris, et pourtant je n'ai touché à rien d'autres qu'au code couleur F8A406 !

Qu'est que j'ai fait ou pas fait ?
Busab
Membre sénior
Membre sénior
 
Messages: 10
Inscription: Dim 17 Juil 2005 07:05

Messagepar audax » Dim 17 Juil 2005 20:43

met voir stp le lien de ton forum, et au début a tu bien placé ces phrases

Code: Tout sélectionner
.mainmenu      {
   font-size : 11px;
   color : #DDDDDD;
}
a.mainmenu      { text-decoration: none; color : #Ff0000;  }
a.mainmenu:hover{ text-decoration: underline; color : White; }


et à la fin du css

Code: Tout sélectionner
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/Solaris/local.css");

comme indiqué sur le tuto..
le fichier css à modifié est celui ci..

Code: Tout sélectionner
.mainmenu      {
   font-size : 11px;
   color : #DDDDDD;
}
a.mainmenu      { text-decoration: none; color : #Ff0000;  }
a.mainmenu:hover{ text-decoration: underline; color : White; }

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
   background-color: Black;
   scrollbar-face-color: #111111;
   scrollbar-highlight-color: #222222;
   scrollbar-shadow-color: #000000;
   scrollbar-3dlight-color: #333333;
   scrollbar-arrow-color:  #F8A406;
   scrollbar-track-color: #060606;
   scrollbar-darkshadow-color: #000000;
   background-image : url(images/bg_space.jpg);
   margin-left : 0px;
   margin-right : 0px;
   margin-top : 0px;
   margin-bottom : 0px;
   color : #DDDDDD;   
}

/* General font families for common tags */
font,th,td,p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color : #DDDDDD;
}

a:link {
   text-decoration: none;
   color : #F8A406;
}

a:active {
   text-decoration: none;
   color : #FFFFFF;     
}

a:visited {
   text-decoration: none;
   color : #F8A406;   
/*   color : #A56C03;    */
}

a:hover   {
   text-decoration: underline;
   color : #FFFFFF;
}

/* This is the border line & background colour round the entire page */
.bodyline   { background-color: Black; border: 1px solid #333333; }

/* This is the outline round the main forum tables */
/* .forumline   { background-color: #111111; border: 1px none #333333; } */


/* Main table cell colours and backgrounds */
td.row1   { background-color : #060606; }
td.row2   { background-color: #000000; }
td.row3   { background-color: #0C0C0C; }
td.inputrow { background-color: #111111; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
   background-color: #333333;
   background-image: url(images/table_cell_bg1.jpg);
   background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th   {
   color: #F8A406; font-size: 11px; font-weight : bold;
   background-color: #333333;
   background-image: url(images/table_cell_bg1h.jpg);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
      background-image: url(images/table_cell_bg1h.jpg);
      background-color: #333333; border: #FFFFFF; border-style: none;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
   border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold; border: #000000; border-style: none; }
td.row3Right,td.spaceRow {
   background-color: #333333; border: #333333; border-style: solid; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2   {
         font-weight: bold; font-size: 18px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
         text-decoration: none; line-height : 120%; color : #F8A406;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #CCCCCC; }
a.gen,a.genmed,a.gensmall { color : #F8A406; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover   { color : #FFFFFF; text-decoration: underline; }
/* a.gen:visited,a.genmed:visited,a.gensmall:visited { color : #F8A406; text-decoration: none; } */


/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFFFFF}
a.cattitle      { text-decoration: none; color : #FFFFFF; }
a.cattitle:visited      { text-decoration: none; color : #FFFFFF; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink      { font-weight: bold; font-size: 12px; color :  #AAAAAA; }
a.forumlink    { text-decoration: none; color : #AAAAAA; }
a.forumlink:visited{ text-decoration: none; color : #AAAAAA; }
a.forumlink:hover{
   text-decoration: underline;
   color : White;
}
a.forumlink:visited{

}

.forumdescr {
   color : #999999;
}


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav         { font-weight: bold; font-size: 11px; color : #CCCCCC;}
a.nav         { text-decoration: none; color : #F8A406; }
a.nav:hover      { text-decoration: underline;  color : White;  }


/* titles for the topics: could specify viewed link colour too */
.topictitle         { font-weight: bold; font-size: 11px; color : #DDDDDD; }
a.topictitle:link   { text-decoration: none; color : #F8A406; }
a.topictitle:visited { text-decoration: none; color : #A56C03; }
a.topictitle:hover   { text-decoration: underline; color : White; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name         { font-size : 11px; color : #DDDDDD;}

/* Location, number of posts, post date etc */
.postdetails      { font-size : 10px; color : #AAAAAA; }


/* The content of the posts (body of text) */
.postbody { font-size : 11px;}
a.postlink:link   { text-decoration: none; color : #F8A406 }
a.postlink:visited { text-decoration: none; color : #A56C03; }
a.postlink:hover { text-decoration: underline; color : White;
}


/* Quote & Code blocks */
.code {
   font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #0099FF;
   background-color: Black; border: #777777; border-style: dashed;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; line-height: 125%;
   background-color: Black; border: #777777; border-style: dashed;
   border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright      { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: -1px;}
a.copyright      { color: #FFFFFF; text-decoration: none;}
a.copyright:hover { color: #FFFFFF; text-decoration: underline;}


/* Form elements */
input,textarea, select {
   color : #F8A406;
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   background-color : #111111;
   border-color: #222222;
}

/* The text input fields background colour */
input.post, textarea.post, select {
   background-color : #111111;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
   background-color : #111111;
   color : #DDDDDD;
   font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
   background-color : #111111;
   font-weight : bold;
   /* border : 1px solid #999999; */
}

/* None-bold submit button */
input.liteoption {
   background-color : #111111;
   font-weight : normal;
   /* border : 1px solid #999999;    */
}

input.checkbox {
   background-color : #000000;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #000000; border-style: none;  color : White;  }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/Solaris/local.css");
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Busab » Mar 19 Juil 2005 05:59

Comme indiqué par mp, le changement du css a été fait sur le pc d'un ami (qui ne doit plus l'être après les 3 heures de galère passées à comprendre pourquoi ça ne marchait pas )
Le nouveau css était solaris1.css

le site du forum : http://alliance_polaris.vosforums.com/

les pass ont été donné par mp.
Busab
Membre sénior
Membre sénior
 
Messages: 10
Inscription: Dim 17 Juil 2005 07:05

Messagepar audax » Mar 19 Juil 2005 19:44

clique voir sur mon forum test et va dans la catégorie test, écris un message et dit voir si c'est cela que tu veut..
j'ai changé les couleurs F8A406 en 00CCFF

forum test
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Busab » Mar 19 Juil 2005 21:18

Ouaaaah !

:D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D :D


C'est exactement ça !
(Tout le reste de la déco, décalage de pixel des images et importation d'image, je sais faire !)

A un détail près : les titres Sujets, Réponses, Auteur, Vus, Messages, Derniers Messages
Sont encore en F8A406

(merci, merci, merci, :wink: )
Busab
Membre sénior
Membre sénior
 
Messages: 10
Inscription: Dim 17 Juil 2005 07:05

Messagepar audax » Mar 19 Juil 2005 23:32

regardes voir maintenant..
forum test
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Busab » Mer 20 Juil 2005 01:02

C'est parfait !

:D :D :D

Bon maintenant comment fait-on ? 8)


(Encore merci de consacré autant de temps à mon cas !)
Busab
Membre sénior
Membre sénior
 
Messages: 10
Inscription: Dim 17 Juil 2005 07:05

Messagepar audax » Mer 20 Juil 2005 19:51

voilà, je me suis logué sur ton compte et j'ai chargé le fichier css sur ton forum..
regarde voir si ça vas..
Audax, modérateur

Image Image Image Image
Avatar de l’utilisateur
audax
Modérateur
Modérateur
 
Messages: 1619
Inscription: Ven 19 Nov 2004 21:28

Messagepar Busab » Mer 20 Juil 2005 20:47

Suuuuuper !!!!


Tu me sauves la vie !

Je ne sais pas comment te remercier pour tout ce que tu as fait !
(non, je ne donnerais pas mon numéro de carte bleu)

Merci encore !
:D :D :D :D :D

Et tu es bien sur le bienvenu sur ce forum que tu as aidé à concevoir.
(membre d'honneur !)

Bonne continuation !
Busab
Membre sénior
Membre sénior
 
Messages: 10
Inscription: Dim 17 Juil 2005 07:05


Revenir vers VOS QUESTIONS LIEES AU GRAPHISME

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invités

cron