Dotclear

Vous n'êtes pas identifié(e).

Annonce

#1 2017-03-04 04:03:51

ben_griffith
Membre
Lieu : Wiltshire
Inscription : 2009-09-28

[Theme Avebury] Support

From Fourrure

Hello, I just tried the Avebury theme which is precisely the kind of thing I was looking for.
I read the .css but I'm not competent enough to understand where I could change the black of the menu under the picture, of the title and of the "ok" button.
Original version : http://www.boulesdefourrure.fr/index.php? (I'd like to keep the yellow)
The test version : http://test.boulesdefourrure.fr/index.php?
Thanks for your job. If you've got a teepee or if there's another way to thank you, donc hesitate to tell !


I Dotclear.

Hors ligne

#2 2017-03-04 04:24:28

ben_griffith
Membre
Lieu : Wiltshire
Inscription : 2009-09-28

Re : [Theme Avebury] Support

Hello Fourrure

Many thanks that you like Avebury.

I use Scite editor http://www.scintilla.org/SciTE.html which allows me to show line numbers.

You can change the colours here: / Vous pouvez modifier les couleurs ici :

1. Open custom.css / S’il vous plaît ouvrez custom.css

2. Go to "4. HAUT DE PAGE" / Atteindre "4. HAUT DE PAGE"

dark menu: line 58

#simplemenu { background:#1d1d1d;}

yellow/jaune background:

#simplemenu { background:#ffdd70;} 

the font color in menu: line 59, 60

#simplemenu nav .supranav li a, .supranav li a:visited {color: rgba(255, 255, 255, 0.600);}
#simplemenu nav .simple-menu li a:hover {color:white;}

to:

#simplemenu nav .supranav li a, .supranav li a:visited {color: rgba(0,0,0, 0.600);}
#simplemenu nav .simple-menu li a:hover {color:black;}

3. Go to "7. COMMENTAIRES, PINGS"  / Atteindre "7. COMMENTAIRES, PINGS"

the button background and font color in comments: line 103

#comment-form input[type=submit],#comment-form input[type=reset] {background:#1d1d1d;color:white;}

4. Go to "8. SIDEBAR" / Atteindre "8. SIDEBAR"

button background and font color  in sidebar: line 113

div#search.widget input[type=submit] {background:#1d1d1d;color:white;}

5. Title picture:

Don't change the name but only replace the image in folder "img". The image is 1920x600px. This size allows you to have your title still sharp on different monitor sizes.

6. The font color below the post title is line 80 in 6. BILLETS 

.post-info a,.post-info {color:#B3B496;}

Dernière modification par ben_griffith (2017-03-04 05:44:05)


I Dotclear.

Hors ligne

#3 2017-03-04 04:34:51

ben_griffith
Membre
Lieu : Wiltshire
Inscription : 2009-09-28

Re : [Theme Avebury] Support

By the way, I'm just on your test page:/ Par ailleurs, je suis juste sur votre page de test :

Instead of using / Au lieu d’utiliser

<p>
<a data-flickr-embed="true" href="https://www.flickr.com/photos/21345015@N06/32383221076/in/dateposted/" title="Fin de césarienne">
<img src="https://c1.staticflickr.com/1/377/32383221076_45c91d8d9a_z.jpg" alt="Fin de césarienne" width="640" height="425"/>
</a>
</p>

try this one: / essayez celui-ci :

<figure>
<a data-flickr-embed="true" href="https://www.flickr.com/photos/21345015@N06/32383221076/in/dateposted/" title="Fin de césarienne">
<img src="https://c1.staticflickr.com/1/377/32383221076_45c91d8d9a_z.jpg" alt="Fin de césarienne" width="640" height="425"/>
</a>
<figcaption>Veau</figcaption>
</figure>

Dernière modification par ben_griffith (2017-03-04 04:39:43)


I Dotclear.

Hors ligne

#4 2017-11-27 12:13:17

Fourrure
Membre
Inscription : 2008-02-03
Site Web

Re : [Theme Avebury] Support

Thank you so much for your help. I was far away from these questions for a while, but I finally chose to use your theme nearly a designed. Again, if there's a way to send you a few euros to thank you for your work, don't hesitate.
http://www.boulesdefourrure.fr

Hors ligne

#5 2017-11-30 01:20:06

ben_griffith
Membre
Lieu : Wiltshire
Inscription : 2009-09-28

Re : [Theme Avebury] Support

@Fourrure
I'm glad it worked out for you.
Please donate to Dotclear if you would like to give :-) https://fr.dotclear.org/donate

Translate:
Je suis content que ça ait marché pour toi.
S'il tu plaît faire un don à Dotclear si vous souhaitez donner :-) https://fr.dotclear.org/donate


I Dotclear.

Hors ligne

#6 2020-12-21 21:34:05

NenadX
Membre
Lieu : Amsterdam
Inscription : 2020-12-21
Site Web

Re : [Theme Avebury] Support

Hi Ben,

I like your theme, but I have one problem.
Everything looks ok on the main page, but when I open some posts, the side menu went down under the post.

Is there a way to lock the size of the post to prevent it to push the sidebar down?

My blog is on https://route66.me

Hors ligne

#7 2020-12-22 08:15:31

ben_griffith
Membre
Lieu : Wiltshire
Inscription : 2009-09-28

Re : [Theme Avebury] Support

Hello NenadX

The behaviour is correct. The post itself is over the entire length and the sidebar goes underneath the post but it's widgets are horizontal.
To change that
1. Open custom.css
2. Replace the current lines in
/* -------------------------------------------------------------
    1. STRUCTURE - DC-POST/DC-PAGE - STRUCTURE - 1 COLONNE
--------------------------------------------------------------- */

./*

dc-post #content,.dc-page #content{width: 100% !important;padding: 0px 5% 2.19em 5% !important;}
.dc-post #sidebar,.dc-page #sidebar{width: 100% !important;padding: 0 2.5% !important;}
@media only screen and (max-width:600px){
.dc-post div.widget,.dc-page div.widget{float:left;width:99.99999%;min-height: 200px;min-height: 20.0rem;}
}/* Do not remove this bracket, it belongs to @media */

/*

@media screen and (min-width: 601px) and (max-width: 799px) {
.dc-post div.widget,.dc-page div.widget{float:left;width:49.66666%;min-height: 200px;min-height: 20.0rem;}
}/* Do not remove this bracket, it belongs to @media */

/*

@media screen and (min-width: 800px) and (max-width: 1023px) {
.dc-post div.widget,.dc-page div.widget{float:left;width:33.33333%;min-height: 240px;min-height: 24.0rem;}
}/* Do not remove this bracket, it belongs to @media */

/*

@media only screen and (min-width:1024px){
.dc-post div.widget,.dc-page div.widget{float:left;width:24.99999%;min-height: 235px;min-height: 23.5rem;}
}/* Do not remove this bracket, it belongs to @media */


I Dotclear.

Hors ligne

#8 2020-12-22 19:29:14

NenadX
Membre
Lieu : Amsterdam
Inscription : 2020-12-21
Site Web

Re : [Theme Avebury] Support

Thank you Ben, it looks excellent (as I like it) now. ;)

Just one tiny details I want to adjust.
I changed the width of simplemenu from 80% to 90%, and I want to change the content and sidebar to the same width. Is there some document for customization?
/* -------------------------------------------------------------
    1. STRUCTURE - PAGE SIZE
--------------------------------------------------------------- */
#wrapper,#simplemenu nav {max-width: 90%;}  /* to be modified by the value of your choice */

Hors ligne

#9 2020-12-23 07:14:08

ben_griffith
Membre
Lieu : Wiltshire
Inscription : 2009-09-28

Re : [Theme Avebury] Support

Just add to the custom.css:

#sidebar ,.post-excerpt p,.post-content p  {font-size: 90%;}


Both sidebar and content use the body font-size 1em. To get everything smaller you can change the body from "font: 1em/1.7 " to "font: 0.9em/1.7"

in:
/* ------------------------------------------------------------
    2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */
body {background:#1D1D1D;color: #444444;font: 1em/1.7 "Arimo", sans-serif;}

But keep in mind that people have different browsers and setting. With my resolution, 1em is just fine. Others may have eye sight problems and generally use a browser text zoom for 120% for example.

Tip: keep a copy of your custom css. This part will not change again, but I might have to update the template for example if Dotclear changes and the custom.css would be overwritten.

Dernière modification par ben_griffith (2020-12-23 07:16:50)


I Dotclear.

Hors ligne

#10 2020-12-24 09:27:40

NenadX
Membre
Lieu : Amsterdam
Inscription : 2020-12-21
Site Web

Re : [Theme Avebury] Support

Hi Ben,

Great. Thank you once more.

Merry Christmas and Happy New Year

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map