Keresés: - WordPress tartalom kezelő rendszer (CMS)

LOGOUT témák

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD témák

Keresés

Téma összefoglaló

Utoljára frissítve: 2019-11-19 09:14

Fototrend

WordPress tartalom kezelő rendszer (CMS) topik

Új hozzászólás Aktív témák

#7284 FeniX- senior tag sz.j #7280

Új Válasz 2021-05-02 18:36:17 #7284
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
Privát üzenet küldése

FeniX-

senior tag

válasz sz.j #7280 üzenetére

Talán úgy lehet a legegyszerűbb, ha megnézed, hogy mely html elemeknek van inline style-ja, és ezekhez a tagokhoz milyen id, vagy class tartozik.
Utána csinálsz kifejezetten ezekre az idk-ra, classokra egy css fáljt, és a functions.php-ba azt hívnád be egy plusz sorral.
#7281 cigam titán sz.j #7280

Új Válasz 2021-05-02 00:12:53 #7281
Új hozzászólás
Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
Privát üzenet küldése

cigam

titán

válasz sz.j #7280 üzenetére

Ha jól tippelek nem használsz .css fájlt, hanem a tag-ekbe írod be milyen stílusa legyen.
pl. <div style="width:50px;height:50px;background color:red">...</div>
Ezt nem kell minden esetben egyesével beírnod az összes helyre, hanem elég egy helyen precízen beállítanod, később már csak hivatkoznod kell rá:
<head>
<style>
div {
height:50px;
width:50px;
background-color:red;
foreground-color:white;
}
</style>
</head>
<body>
<div>....<div>
Vagyis a fejlécben definiálod a kinézetet(CSS), és később már elég a HTML kódot írnod. Mindegyik div úgy fog kinézni ahogy a fejlécben beállítottad, anélkül, hogy mindegyiknek egyesével beírtad volna a style paramétert.
Macera minden oldal fejlécét módosítani, ha utólag, vagy menet közben változik a design, ezért egyszerűbb, ha egy központi fájlból tölti be minden oldal:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
A style.css fájl tartalma pedig ez legyen:
div {
height:50px;
width:50px;
background-color:red;
}
Természetesen nem szükséges minden tagnak )a példánál maradva <div>-nek egyformának lennie, el is nevezheted a stílusokat. Ha készítesz egy "test" stílust, akkor a css-ben:
.pelda {
background-color: tomato;
color: white;
border: 2px solid black;
margin: 20px;
padding: 20px;