[Opgelost]Stylesheet CGBlog

[voorhammr]

Ik wil graag in CGBlog de stylesheet aanpassen, zoals de linkjes kleuren en de tekst een andere kleur geven.
Iemand enig idee waar deze stylesheet te vinden is. Onder stylesheet staat deze niet.

[Rolf]

Iemand enig idee waar deze stylesheet te vinden is. Onder stylesheet staat deze niet.

Voor zover ik weet, wordt bij de installatie van CGBlog geen stylesheet meegeleverd.
In de templates staan wel voorbeeld classes vermeld
Naar wens kun je dan een stylesheet maken en aanpassen

Hierbij een kopie van één van mijn sites:

Code: Select all

/* Start CGBlog Summary Template */

.CGBlogSummary {
         padding: 5px;
         margin: 0 0 30px 0;
         border: #ccc solid 1px;
}

.CGBlogSummaryPostdate {
         text-align: right;
         font-size: 90%;
}

.CGBlogSummaryLink {
         margin: -16px 0 0 0;
}

.CGBlogSummaryLink a {
         font-weight: bold;
         text-decoration: none;
}

.CGBlogSummaryCategory {
}

.CGBlogSummaryAuthor {
}

.CGBlogSummarySummary {
         padding: 10px 0 10px 0;
}

.CGBlogSummaryContent {
         padding: 10px 0 10px 0;
}

/* Default image setting */
.CGBlogSummarySummary img,
.CGBlogSummaryContent img,
#CGBlogPostDetailContent img {

}

.CGBlogSummaryExtra {
}

.CGBlogSummaryField {
         padding: 0 0 0 0;
         font-size: 100%;
}

.CGBlogSummaryMoreLink {
         text-align: right;
         clear: both;
}

/* End CGBlog Summary Template */



/* Start CGBlog Detailview Template */

div#CGBlogPostDetailDate {
         text-align: right;
}

div#CGBlogPostDetailTitle {
         margin: -16px 0 0 0;
}

div#CGBlogPostDetailHorizRule {
         border-bottom: 1px dotted #009;
}

div#CGBlogPostDetailSummary {
}

.CGBlogSummaryCategory {
}

div#CGBlogPostDetailAuthor {
}

div#CGBlogPostDetailContent {
         padding: 10px 0 10px 0;
}

div#CGBlogPostDetailExtra {
}

.CGBlogDetailField {
         padding: 0 0 10px 0;
         font-size: 100%;
}

/* End CGBlog Detailview Template */

Grt. Rolf

[voorhammr]

Iemand enig idee waar deze stylesheet te vinden is. Onder stylesheet staat deze niet.

Voor zover ik weet, wordt bij de installatie van CGBlog geen stylesheet meegeleverd.
In de templates staan wel voorbeeld classes vermeld
Naar wens kun je dan een stylesheet maken en aanpassen

Hierbij een kopie van één van mijn sites:

Code: Select all

/* Start CGBlog Summary Template */

.CGBlogSummary {
         padding: 5px;
         margin: 0 0 30px 0;
         border: #ccc solid 1px;
}

.CGBlogSummaryPostdate {
         text-align: right;
         font-size: 90%;
}

.CGBlogSummaryLink {
         margin: -16px 0 0 0;
}

.CGBlogSummaryLink a {
         font-weight: bold;
         text-decoration: none;
}

.CGBlogSummaryCategory {
}

.CGBlogSummaryAuthor {
}

.CGBlogSummarySummary {
         padding: 10px 0 10px 0;
}

.CGBlogSummaryContent {
         padding: 10px 0 10px 0;
}

/* Default image setting */
.CGBlogSummarySummary img,
.CGBlogSummaryContent img,
#CGBlogPostDetailContent img {

}

.CGBlogSummaryExtra {
}

.CGBlogSummaryField {
         padding: 0 0 0 0;
         font-size: 100%;
}

.CGBlogSummaryMoreLink {
         text-align: right;
         clear: both;
}

/* End CGBlog Summary Template */



/* Start CGBlog Detailview Template */

div#CGBlogPostDetailDate {
         text-align: right;
}

div#CGBlogPostDetailTitle {
         margin: -16px 0 0 0;
}

div#CGBlogPostDetailHorizRule {
         border-bottom: 1px dotted #009;
}

div#CGBlogPostDetailSummary {
}

.CGBlogSummaryCategory {
}

div#CGBlogPostDetailAuthor {
}

div#CGBlogPostDetailContent {
         padding: 10px 0 10px 0;
}

div#CGBlogPostDetailExtra {
}

.CGBlogDetailField {
         padding: 0 0 10px 0;
         font-size: 100%;
}

/* End CGBlog Detailview Template */

Grt. Rolf

Rolf hoe integreer ik dit nu in mijn site?

[Rolf]

Maak onder Opmaak >> Stylesheets een nieuwe stylesheet aan met bijv. de naam cgblog.
Kopieer de bovenstaande code hier in.

Ga vervolgens naar Opmaak >> Sjablonen en klik naast het door jouw gebruikte html sjabloon op CSS (Stylesheets koppelen)
Koppel de nieuwe stylesheet cgblog aan dit sjabloon.

Klaar  ;D

Nu kun je bestaande style instellingen naar eigen wens wijzigen.

grt. Rolf