Username bewerken

Hallo Gast,

Hier ben ik weer haha.
Nou deze keer zou ik graag de username onder de ava een draai willen geven.

Spoiler:

De username is hier heel klein. Ik heb het liever groter, en misschien in een mooier font. Is dat mogelijk?

Alvast bedankt voor de moeite. (:

//BUMP//
Sorry voor de snelle bump, maar wij wouden de site afhebben in een paar dagen.

Misschien dat het ook wel via het beheerderspaneel zelf lukt maar met css ga je gericht met de gebruikersnaam te werk.
Dus gewoon onderstaande code in je css plakken, 22pt is een beetje overdreven maar je ziet wel hoe het werkt. Verder kan je ook nog het lettertype, text-decoration en andere aanpassen indien nodig.

Code:

.postdetails.poster-profile a span{
  font-size: 22pt; /* in pt,px of em */
}

Heel erg bedankt. ^^
Alleen mag ik vragen hoe je een font zou moeten toevoegen?
En misschien wou ik de naam nog centreren. Zou dat kunnen?
(Ik wil veel sorry.)

Fonts toevoegen gaat wat moeilijker maar er zijn in ieder geval een aantal standaard fonts die door iedere browser worden geaccepteerd: arial, arial black, comic sans MS, courier new, georgia, impact, sans-serif, serif, times new roman, trebuchet ms, verana ...
Verder kan je ook fonts toevoegen dmv google fonts of fonts.com.
Als je echt eigen fonts wilt gebruiken die niet door andere sites worden gehost ga je deze zelf moeten hosten.

Daarna roep je gewoon je font aan in je css door 'font-family: ***font naam***

Indien je je tekst wilt centreren ga je wat moeten aanpassen in je template. Momenteel staat je gebruikersnaam in een span-element, dit is op inline-niveau, dat je niet kan centreren. Je zou dan de span rond de gebruikersnaam moeten veranderen naar een div wat op block-niveau is. Daarna kan je de tekst centreren door 'text-align: center;'

Waar zou ik dat moeten neerzetten dan? Van het font.
De andere lukt wel dankjewel. ^^

Indien je google fonts gebruikt kies je gewoon je font en klik je op 'quick use' (het middelste knopje van de drie rechts onder). Dan krijg je een nieuwe pagina en bij stap 3 kies je '@import' ipv 'standard'. Deze code kopieer je en plak je bovenaan in je css.

Voor Fonts.com moet je eerst een account maken, daarna zoek je op webfonts en waarschijnlijk onder 'Basic webfonts' dit zijn namelijk de gratis versies. Eens je een goed font vind klik je op 'WEB FONTS' naast je font en kies je voor welk project je het wilt gebruiken. Daarna ga je naar 'web fonts' bovenaan in de navigatiebalk en klik je op je project. Hier kan je het domein van je forum geven en daarna publiceren. Aangezien hier de css methode betalend is moet je het nu via javascript doen, kopieer de gegeven code en plak deze in de header van je 'Overall_header' template.

Normaal zouden nu de fonts van fonts.com of google fonts moeten werken.

Code:

  a.forumlink[href*="/f24"] {
      font-family: 'Poiret One', cursive;
      font-size: 15pt;
    }


Ik gebruik deze nu, maar kan ik ervoor zorgen dat ze allemaal hetzelfde krijgen zonder ze allemaal hoeven te te voegen?

Gewoon dit doen, dan pakt 'ie alleen de forumlinks van de subfora's.
Tenminste dit gebruik ik altijd daarvoor, de andere links pakt 'ie bij mij dan niet.

Code:

a.forumlink {
....
}

Thx ^^
En de username hoe werkt dat dan?

De username in het topic profile werkt zo via CSS, het .name is een gegeven uit de template, dus die kan je hier gewoon aanvullen Dan zijn alle namen in de topics op de instellingen die jij mee geeft aangepast.

Code:

.name {
  font-family: georgia;
  font-size: 25px;
  text-transform: lowercase;
  etc......
}

Heel erg bedankt! Het werkt goed. Het werkt wel alleen in de topiclijsten.(Als je in een categorie kijkt.)
Zou het ook in de topics kunnen?
Verder trouwens heel erg bedankt beide!

Gebruik je deze er ook bij?

Code:

.postdetails.poster-profile a span{
  font-size: 22pt; /* in pt,px of em */
}

Misschien dat die 'm in de weg zit.

Heb het weg gehaald. Blijft alleen in de topic lijst werken. Niet in de topics zelf.

Weird, gebruik je phpbb2 of een andere versie?
Anders kijk ik er morgen nog heel even naar, er is nog wel een andere manier anders.

Ik werk met phpBB2 maar heb het al opgelost. Ik gebruik beide gewoon en dat werkt ook prima. ^.^
Heel erg bedankt!