22786
Html-, css- és php-help
-
#21183
Fejlesztés során ezeket, hogy kéne használni? Minden egyes mentés után generálni egy új CSS-t vagy esetleg valami háttérfolyamat figyeli, ha változik a less/másmilyen fájl akkor auto újra generálja? -
#21182
Kliens oldali builddel semmi gond nincs. Amugy is illik a js fileokat minimalizalni, osszefuzni, kepekeg optimalizalni, egy css preprocessor mar nem szamit. Kivalo build eszkoz a grunt. Sot erdemes az egesz yeoman csomagot beszerezni ami a yo, bower es gruntbol all.
Nekem is a sass tunik komplettebb dolognak. Compas-szal egyutt. Annyi, hogy az ruby-ban fut. mig a less javascript. Mondjuk nem igazan szamit. -
#21181
Közkérdés. Hogy álltok a css-preprocessorokhoz? Használtok valamit, ha igen mit és esetleg miért? Vagy eleve nem szimpatikus a kliens oldali fejlesztésbe mégegy build fázis bevezetése?
Én SCSS-t (SASS) részesítem előnyben már egy ideje. LESS kiesik az egyszerűen kissebb tudás miatt. Stylusnál a ws alapú syntax és a mixinek teljesen áttetszősége szimpatikus, de SCSS körül nagyobb a közösség, több az eszköz, a cikk, nagyobb az aktivitás. -
Dodo55 #21180 Ja, én egyszer egy ilyen bevezetése miatt lőttem le véletlenül a komplett céges levelezést 
Csináltam ugyanis egy aldomain-t, hogy azon elérve az oldalt lehessen tesztelni production környezetben, azonos kódbázissal, de eltérő debug beállításokkal, vagy akár kísérleti / beta modulokkal felváltani a stabilakat.
Faszán meg is oldottam, csakhogy a szerveradmin az MX rekordokat kézzel adta meg (google apps email cuccos), a webadmin rendszer meg amiben én az aldomain-t beraktam simán törölte azokat :D
Hogy még szebb legyen a történet, ez egy magánakció volt a részemről valamikor hajnalban. Volt utána szép kis bazdmegolás :) -
#21179
Én is a környezetfüggő konfigurációra akartam felhívni a figyelmet. Implementálása sem egy bonyolult dolog. Általában kétféle dolgot szoktak vizsgálni, helyi gép neve gethostname(), vagy a requestet vizsgálják, hogy pl valamiféle .dev, vagy localhost domainen van-e. Harmadik esetleg, hogy ezt felülírhassa egy environment variable, amit sok ilyen-olyan nem root accesses host enged konfigurálni (cloud hostingok pl).
Tehát pl az alap konfigurációd a production és egy valamiféle bootstrap konfigurációban megadod, hogy xy hostname esetén ez egy development környezet. -
#21178
Forras es egyeb allando eroforrasok (oldal elemi kepek, css, stb.) verziokovetesere hasznalj git-et vagy svn-t sajat belatasod szerint.
Adatbazis verziokovetesre a liquibase szoftvert ajanlom.
Az eltero configuraciok athidalasara javasolt alkalmazas szinten a kornyezetet definialni es annak fuggvenyeben betolteni a konfiguracios adatokat. Erre a legtobb framework out of box megoldast kinal.
Amennyiben szukseged van dinamikus eroforrasok (pl kepek) szinkronizalasara (akar egyiranyu szinkronizalas) akkor talan az rsync egy jo megoldas lehet. -
#21177
thx! sshfs-t már próbáltam kb ugyan olyan, webdav tűnik a leggyorsabbnak de VS azon is csak forgatja a kék kerekét. Gitet meglesem -
#21176
Gittel tudsz olyat, hogy csinálsz egy távolit repot és oda pusholod a változtatásokat aztán az éles szerveren csak nyomsz egy git pullt és máris a legfrissebb változat van fent (bitbucket ad ingyé' privát repót). Esetleg kipróbálhatod még az sshfs-t is, bár ez nem tudom mennyivel gyorsabb, mint az ftp-s mókázás, bár itt probléma az, hogy nincs local copyd, bár gondolom backup van az éles rendszerről rendesen. -
#21175
Jelenleg úgy dolgozom hogy webdriveal bemappelem az FTP-m és editplusszal szerkesztgetem a fileokat. Viszont szeretnék áttérni visual stúdióra ami azért nem jó így mert ez ugye fel akarja térképezni az egész projektet és egy nagyobb CMS-nél FTP-ről ez kissé zötyögősen megy. Arra gondoltam hogy amúgyis illene már inkább lokálon dolgozni és csak a módosításokat feltölteni az FTP-re de úgy hogy a config fileokat ignorálja. És mivel ott is folyamatosan változnak az adatok (új képek) ennek visszafelé is kéne működnie. Erre keresek valami gyors és autómatikus rendszer. ftp server sync nagyon lassú, svn vagy git alkalmas ilyesmire? Ti hogy csináljátok? -
#21174
:D
Köszönöm a segitséget, ezzel működik pöpecül!
Köszi mindenkinek! -
Dodo55 #21173 Nem is a sziget meg a motor, hanem van Java nevű programnyelv is, ami tök máshogy működik, mint a JavaScript :D -
#21172
Nem-nem, csak egyszer. Egyébként saját oldalon is működne, de nem a leg elegánsabb módszer, mert ez inkább trükközés. :) Azért írtam ezt, mert itt fórumra manapság csak hasonló módszerekkel lehet javascriptet beszúrni.
Joomlát nem láttam évek óta és sose szerettem, szóval konkrét modult nem tudok mondani, habár kétlem, hogy ne lenne.
Egy pindurival elegánsabb js megoldás:<img src="http://domain.tld/kep_alap.png" id="hourly_img" />
Ennél ha javascript nincs akkor is megjelenik egy kép (kep_alap.png) és onerror maszatolás nélküli. :)
<script>
document.getElementById('hourly_img').setAttribute('src', 'http://domain.tld/kep_'+(new Date().getHours())+'.png');
</script>
ui.: Javascriptet js-re rövidítjük. :) -
#21171
Ok,csak röviditeni akartam, se nem sziget se nem motor:) -
#21170
Ez Javascript. Aminek semmi köze a Java-hoz:)
Egyébként az összes példa Javascript amit itt írtunk neked. -
#21169
Egyszer kell csak. Megnézi mennyi az idő, és berakja az ido_kep.jpg-t háttérnek. -
#21168
De a javat is kipróbálom köszönöm! -
#21167
A 3ds max fórumon az jó, az változik óránként, csak az flash script, és azt is Free csinálta annó, saját webemre kellene, és php-ba gondolkodtam.
Meg joomla alá, csak ilyen modult nem találtam. Ezt a sort ha huszonnégyszer lemásolom, akkor ok, jól értem? -
#21166
Gondolom itt bannerbe kellene. Óránként változó élet lesz a poligongyárban? :)
Ha megvannak a képek pl "kep_17.png" 17 óraihoz, minden órára egy, akkor pl így.<img src="." onerror="this.setAttribute('src', 'http://domain.tld/kep_'+(new Date().getHours())+'.png');" />http://domain.tld/-t pesze a megfelelő elérésre cserélve. :) -
#21165
Javascript kézenfekvőbb kliensoldali megoldásokhoz..:) Van date objektum meg van elem kezelés. Probléma megoldva:)
document.body.style.backgroundImage = 'url('+ (new Date()).getHours()+ '.jpg)';
vagy:
var hourly = "0.jpg,1.jpg,2.jpg".split(",")
var d = new Date();
var h = d.getHours();
$('body').css('background-image',hourly[h]) -
#21164
Megcsinálhatod Javascripttel is, Date függvényre keress rá, meg arra, hogy "javascript how to set background". -
#21163
Leginkább az a gond hogy lövésem sincs php-hez:)
Nem tudtok egy ilyen oldalt, vagy hogy mire guglizzak rá? -
#21162
Vagy egyszerűen {ora}.png néven elnevezni a képeket és az se kell. -
#21161
Szerintem egy igen egyszerű php kóddal megoldható. Miután meg lehet nézni php-vel, hogy hány óra van, így egy if függvénnyel végig kell menni minden órán, és így megadni az oldal hátterét. A php kód minden oldalbetöltésnél lefut, úgyhogy egy if else függvényen kívül nemigazán van másra szükség. -
#21160
Sziasztok!
Tudtok olyan scriptet ami óránként kicseréli a háttérképet ha frissül az oldal? Azaz 12 órakor, egy órán keresztül a 12.jpg töltődik be.
Köszönöm előre is!
-
momoxp #21159 Üdv!
Az lenne a kérdésem hogy az alábbi html-be hova és mit kell beírni hogy ne legyen görgetősáv:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Új hírek</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #285082;
}
.style2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.style3 {
font-size: 12px;
font-weight: bold;
}
.style4 {font-size: 14px}
.style5 {font-size: 12px}
.style7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
.style8 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
font-size: 36px;
}
.style9 {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.style10 {
color: #FFFFFF
}
-->
</style></head>
<body>
<table width="100%" height="100%" border="0" bordercolor="#285082" bgcolor="#285082">
<tr>
<td height="60" bgcolor="#285082"><table width="100%" border="0" bgcolor="#285082">
<tr>
<th height="60" scope="col"><div align="left" class="style8">:: ÚJ HÍREK ::</div></th>
<th height="60" bgcolor="#285082" scope="col"><div align="right" class="style9">
<p class="style10">!!! F O N T O S !!!<br />
" Az új hírek megjelenítéséhez
nyomja
le az F5 (frissítés) billentyűt! "</p>
</div></th>
</tr>
</table></td>
</tr>
<tr>
<td height="3" align="left" valign="top" bgcolor="#FFFFFF"><p align="right" class="style2">Utolsó információ frissítés: 2013.11.14.</p> </td>
</tr>
<tr>
<td height="111%" align="left" valign="top" bgcolor="#285082"><p class="style7"><br />
<span class="style3"><span class="style4">Fontosabb frissítések</span><br />
-</span><span class="style5"> Új Windows frissítések érhetők el (TELEPÍTÉSÜK AJÁNLOTT)<br />
- Új Java frissítés érhető el</span></p>
</td>
</tr>
</table>
</body>
</html> -
#21158
Köszönöm a válaszokat, sikerült! :)
Már csak a menü gombjainak akarom berakni ugyanezt a hátteret, az se nagyon akarja. :D
CSS:
#menu a {
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
background-image:url(../img/menu.bg.png);
backround-repeat: no-repeat;
padding-top: 19px;
padding-bottom: 22px;
padding-left: 10px;
padding-right: 10px;
}
#menu a: hover
color: #FFFFFF;
text-decoration: none;
font-size: 14px;
background-image:url(../img/menu.bg.png);
backround-repeat: no-repeat;
padding-top: 19px;
padding-bottom: 22px;
padding-left: 10px;
padding-right: 10px;
} -
#21157
FÁJLSZERKEZET
index.html
main.css
img/logo.png
img/menu.bg.png <- ennek legyen valami "egy pontos" neve, mondjuk menubg.png
HTML
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<div class="headermenu">
<div id="wrapper">
<div class="logo">
<img src="img/logo.png">
</div>
<div class="search_box">
<form method="get" action="/search" id="search">
<input name="q" type="text" size="40" placeholder="Search..." />
</form>
</form>
</div>
<div id="menu">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Sign Up</a>
<a href="#">Login</a>
</div>
</div>
</body>
</html>
CSS
.headermenu{
background-image:url(img/menubg.png);
height: 36px;
border-bottom: 0px;
padding-left: auto;
padding-right: auto;
width: 100%;
}
ahogy azt Dodo55 írta :) -
#21156
Így sem, fogalmam sincs mi lehet..legjobb lesz ha újból kezdem. Hátha.. -
Dodo55 #21155 <body>
</body>
Ezek közé kéne az összes divet... -
#21154
jsfiddle pls :+ -
#21153
Nem jó. :(
HTML fájlom így fest:
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
</body>
<div class="headerMenu">
<div id="wrapper">
<div class="logo">
<img src="img/logo.png">
</div>
<div class="search_box">
<form method="get" action="/search" id="search">
<input name="q" type="text" size="40" placeholder="Search..." />
</form>
</form>
</div>
<div id="menu">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Sign Up</a>
<a href="#">Login</a>
</div>
</div>
</html> -
Dodo55 #21152 background-image:url();(../img/menu.bg.png);
helyett mindkét helyen:
background-image:url(../img/menu.bg.png); -
#21151
Estét!Kisebbb gondom lenne, elakadtam egy picit - valamiért nem sikerül beilleszteni a fejlécet úgy, hogy az látszódjon is. Hivatkozás jó, ott van a png fájl ahol lennie kell [menu_bg.png] de valamiért nem jelenik meg a böngészőben. [Firefox és Explorer] Ötlet?
CSS kód:
* {
margin: 0px;
padding: 0px;
font-family: Arial;
font-size: 12px;
}
.headerMenu{
background-image:url();(../img/menu.bg.png);
height: 36px;
border-bottom: 0px;
padding-left: auto;
padding-right: auto;
width: 100%;
}
#wrapper
background-image:url();(../img/menu.bg.png);
margin-left: auto;
margin-right: auto;
width: 1000px;
padding-top: 0px;
padding-bottom: 0px;
}
.logo {
width:125px;
}
.logo img {
width: 125px;
height: 38px;
}
-
#21150
Kiválóan ki lettek escapelve gondolom :( -
#21149
lefogyott a cápád az aláírsában. meg az egyik keze le is szakadt a csávónak -
#21148
Responsive a szó amit keresel, vagy alakíts át valami Bootstrap 3-as példa oldalt, mi azt szoktuk :D -
#21147
"how to create responsive web design" -
#21146
ha weboldalt szeretnék tablet kompatibilissé alakítani, milyen szakirodalmat ajánlanátok? -
#21145
oké semmi, buzi javascript zavart be -
#21144
Akarok írni egy php scriptet ami kiírja hány másodperc van hátra CTD időzónában aznap 23:00:00-ig függetlenül attól hogy milyen időzónából van lefuttatva a script
date_default_timezone_set('America/Chicago');
echo strtotime("Today 23:00:00")-strtotime("now");
Ez nálam 9:43:05, ami korrekt lenne. De mikor megnézem shrinktheweb.com-on a screenshotot ott 10:43:05-öt mutat, egyszerűen nem tudom mire vélni az egészet. Ez egy szerver oldali script, miért mutat más eredményt?