Upgrade thème en 4.1

Créations de Thèmes

Myster Membre non connecté

Booster Missile

Le 11/06/2014 à 21h12

#137275

Booster Missile
Voir le profil du membre Myster
Inscrit le : 04/10/2010
Groupes :

Yop,

Je n'ai pas trop compris comment mettre mes thèmes en 4.1, quelqu'un a t-il fais un tuto ? Merci

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 11/06/2014 à 21h19

#137276

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Bonjour Myster,

Le tuto n'est pas encore finalisé

.
Il sera disponible pour la sortie de la 4.1.

Il y aura néanmoins plus de travail que le passage 3.0 à 4.0

ElenWii

janus57 Membre non connecté

Equipe Assistance Booster Fusée

Le 11/06/2014 à 21h20

#137277

Booster Fusée
Voir le profil du membre janus57
Inscrit le : 07/12/2007
Groupes :
Equipe Assistance

Bonjour,

pas de tuto pour le moment car la V4.1 est encore en Bêta (ou voir si ElenWii ne l'a pas commencé), cependant il suffit de regarder le thème de base et de comparer les différences (qui seront très nombreuses car le système a été revue).

Edit :
Ah ElenWii plus rapide

Cordialement, janus57

Édité par janus57 Le 11/06/2014 à 21h20

Myster Membre non connecté

Booster Missile

Le 12/06/2014 à 00h10

#137282

Booster Missile
Voir le profil du membre Myster
Inscrit le : 04/10/2010
Groupes :

Hello, merci

finalement j'ai repris de zéro en adaptant le css déjà existant, presque fini

Par contre pour le fil d'ariane c'est vraiment galère, il n'est pas identique, et je trouve pas comment faire (le fil d'ariane de mes thèmes)

Si vous avez une idée, merci

Édité par Myster Le 12/06/2014 à 00h15

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 12/06/2014 à 06h19

#137283

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

le breadcrumb ?

il est dans design.css

Code CSS :

/* Barre de lien rapide */
nav#breadcrumb { text-indent: 10px; margin: 0px 0px 20px 10px; }
nav#breadcrumb ol { list-style: none; margin: 0; }
nav#breadcrumb ol li { display: inline; }
nav#breadcrumb ol li:not(.current):after { content: '/'; color: #616161; } /* Séparateur de lien */

Myster Membre non connecté

Booster Missile

Le 12/06/2014 à 11h03

#137284

Booster Missile
Voir le profil du membre Myster
Inscrit le : 04/10/2010
Groupes :

Hello,

Oui je sais mais je n'arrive pas adapté celui du thème actiweb 3.0 :S

Myster Membre non connecté

Booster Missile

Le 12/06/2014 à 11h28

#137285

Booster Missile
Voir le profil du membre Myster
Inscrit le : 04/10/2010
Groupes :

Code CSS :

#links{
  overflow: hidden;
  width: 100%;
    text-indent:10px;
    margin-bottom:20px;
}
 
#links li{
  float: left;
  margin: 0 .5em 0 1em;
}
 
#links a{
  background: #ddd; 
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
}
 
#links a:hover{
  background: #efc9ab;
}
 
#links a::before,
#links a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #ddd;
  transform: skew(-10deg);  
}
 
#links a::before{
 
  left: -.5em;
  border-radius: 5px 0 0 5px;
}
 
#links a:hover::before{
  background: #efc9ab;
}
 
#links a::after{
  right: -.5em;   
  border-radius: 0 5px 5px 0;
}
 
#links a:hover::after{
  background: #efc9ab;
}
 
#links .current,
#links .current:hover{
  font-weight: bold;
  background: none;
}
 
#links .current::after,
#links .current::before{
  content: normal;
}

Voici le code, si quelqu'un pourrait m'aider .. Merci

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 12/06/2014 à 22h34

#137293

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Tu peux me rappeler un peu le rendu sur la 4.0 ?

Myster Membre non connecté

Booster Missile

Le 12/06/2014 à 23h32

#137294

Booster Missile
Voir le profil du membre Myster
Inscrit le : 04/10/2010
Groupes :

En gros c'est ce fil d'ariane : http://dev.babsoweb.com/theme/menufull/download/download.php

Myster Membre non connecté

Booster Missile

Le 14/06/2014 à 17h35

#137317

Booster Missile
Voir le profil du membre Myster
Inscrit le : 04/10/2010
Groupes :

Petiit up

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 15/06/2014 à 01h01

#137320

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Je vais essayer de regarder demain

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 15/06/2014 à 21h00

#137334

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Bonsoir Myster,

J'ai regardé rapidement et il faut :

- remplacer le #links par #breadcrumbs

- supprimer le display:inline; du ol

- supprimer les floats des li (pas utile à priori)

- ajoute un li > dans #breadcrumb li > a (anciennement #link a )

- ajoute #breadcrumb li > span, lorsque tu avait #breadcrumb a (anciennement #link a)

- ajoute un height: 45px; dans le #breadcrumb li > a et #breadcrumb li > span

Voila ce que j'obtient avec le code ci-dessous : http://prntscr.com/3t4nad

Je te laisse finir les derniers détails

Code CSS :

#breadcrumb{
  overflow: hidden;
  width: 100%;
 
  text-indent:10px;
    margin-bottom:20px;
}
 
#breadcrumb li{
  margin: 0 .5em 0 1em;
}
 
#breadcrumb li > a, #breadcrumb li > span{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  height:45px;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
}
 
#breadcrumb li > a:hover, #breadcrumb li > span:hover{
  background: #efc9ab;
}
 
#breadcrumb a::before,
#breadcrumb a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #ddd;
  transform: skew(-10deg);  
}
 
#breadcrumb a::before{
 
  left: -.5em;
  border-radius: 5px 0 0 5px;
}
 
#breadcrumb a:hover::before{
  background: #efc9ab;
}
 
#links a::after{
  right: -.5em;   
  border-radius: 0 5px 5px 0;
}
 
#breadcrumb a:hover::after{
  background: #efc9ab;
}
 
#breadcrumb .current,
#breadcrumb .current:hover{
  font-weight: bold;
  background: none;
}
 
#breadcrumb .current::after,
#breadcrumb .current::before{
  content: normal;
}

ElenWii

Créations de Thèmes

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie