Sg.hu

Html-, css- és php-help

← ElőzőOldal 33 / 456Következő →

Jelentkezz be a hozzászóláshoz.

SzirmosSzisza
#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?

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Bercy
#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.
Malakai
#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.

(\__/) ( X.x) ( } . { )

Dodo55
#21180
Ja, én egyszer egy ilyen bevezetése miatt lõttem le véletlenül a komplett céges levelezést <#idiota>

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 😄

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 😊
Malakai
#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.

(\__/) ( X.x) ( } . { )

Bercy
#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.
Lazarus
#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
SzirmosSzisza
#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.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Lazarus
#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?
ThomasGins
#21174
😄

Köszönöm a segitséget, ezzel mûködik pöpecül!
Köszi mindenkinek!

\"So always look on the bright side of death\"

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 😄
Malakai
#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" />

<script>

document.getElementById('hourly_img').setAttribute('src', 'http://domain.tld/kep_'+(new Date().getHours())+'.png');

</script>
Ennél ha javascript nincs akkor is megjelenik egy kép (kep_alap.png) és onerror maszatolás nélküli. 😊

ui.: Javascriptet js-re rövidítjük. 😊

(\__/) ( X.x) ( } . { )

ThomasGins
#21171
Ok,csak röviditeni akartam, se nem sziget se nem motor😊

\"So always look on the bright side of death\"

MerlinW
#21170
Ez Javascript. Aminek semmi köze a Java-hoz😊
Egyébként az összes példa Javascript amit itt írtunk neked.

[merlinw.org]

MerlinW
#21169
Egyszer kell csak. Megnézi mennyi az idõ, és berakja az ido_kep.jpg-t háttérnek.

[merlinw.org]

ThomasGins
#21168
De a javat is kipróbálom köszönöm!

\"So always look on the bright side of death\"

ThomasGins
#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?

\"So always look on the bright side of death\"

Malakai
#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="." />
http://domain.tld/-t pesze a megfelelõ elérésre cserélve. 😊

(\__/) ( X.x) ( } . { )

MerlinW
#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)

[merlinw.org]

SzirmosSzisza
#21164
Megcsinálhatod Javascripttel is, Date függvényre keress rá, meg arra, hogy "javascript how to set background".

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

ThomasGins
#21163
Leginkább az a gond hogy lövésem sincs php-hez😊
Nem tudtok egy ilyen oldalt, vagy hogy mire guglizzak rá?

\"So always look on the bright side of death\"

SzirmosSzisza
#21162
Vagy egyszerûen {ora}.png néven elnevezni a képeket és az se kell.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

kifli
#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.
ThomasGins
#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!<#lama>

\"So always look on the bright side of death\"

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>

Diablo3 Battletag: MoMo#2340 http://eu.battle.net/d3/en/profile/MoMo-2340/hero/39319986

Truck Driver001
#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. 😄

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;
}

Mit mond a hülyegyerek az anyjának? apa.

CattiBrie
#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 😊

[/spam]&#8482;

Truck Driver001
#21156
Így sem, fogalmam sincs mi lehet..legjobb lesz ha újból kezdem. Hátha..

Mit mond a hülyegyerek az anyjának? apa.

Dodo55
#21155
<body>
</body>

Ezek közé kéne az összes divet...
SzirmosSzisza
#21154
jsfiddle pls :+

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Truck Driver001
#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>

Mit mond a hülyegyerek az anyjának? apa.

Dodo55
#21152
background-image:url();(../img/menu.bg.png);

helyett mindkét helyen:

background-image:url(../img/menu.bg.png);
Truck Driver001
#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 de valamiért nem jelenik meg a böngészõben. Ö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;
}

Mit mond a hülyegyerek az anyjának? apa.

SzirmosSzisza
#21150
Kiválóan ki lettek escapelve gondolom 😞

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Lazarus
#21149
lefogyott a cápád az aláírsában. meg az egyik keze le is szakadt a csávónak
SzirmosSzisza
#21148
Responsive a szó amit keresel, vagy alakíts át valami Bootstrap 3-as példa oldalt, mi azt szoktuk 😄

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

passatgt
#21147
"how to create responsive web design"

kifli
#21146
ha weboldalt szeretnék tablet kompatibilissé alakítani, milyen szakirodalmat ajánlanátok?
Lazarus
#21145
oké semmi, buzi javascript zavart be
Lazarus
#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? <#wow3>
kifli
#21143
sziasztok! 


táblázat pozícionálási gondom van. Pontosasbban annyi a baj, hogy nem ugyanúgy néz ki ff és chrome alatt.



              </td>

              <td valign="top">

                <input type="radio" name="biztositas[]" value="classic" checked="checked" style="width:10px !important;margin-top:10px;margin-left:-24px;margin-right:20px;">

                <font style="font-size:16px;"><strong>CLASSIC</strong></font> |

                <font style="font-size:12px;">550 FT/fõ/nap</font><br style="line-height:2.7em">

              

                <input type="radio" name="biztositas[]" value="premium" style="width:10px !important;margin-top:10px;margin-left:-24px;margin-right:20px;">

                <font style="font-size:16px;"><strong>PREMIUM</strong></font> |

                <font style="font-size:12px;">720 FT/fõ/nap</font><br style="line-height:2.6em;">

                

                <input type="radio" name="biztositas[]" value="privileg" style="width:10px !important;margin-top:10px;margin-left:-24px;margin-right:20px;">

                <font style="font-size:16px;"><strong>PRIVILEG</strong></font> | 

                <font style="font-size:12px;">920 FT/fõ/nap</font><br style="line-height:2.5em;">

                

                <input type="radio" name="biztositas[]" value="nincs" style="width:10px !important;margin-top:10px;margin-left:-24px;margin-right:20px;">

                <font style="font-size:16px;font-weight:bold">NEM KÉREK BIZTOSÍTÁST</font>

                  

              </td>


Bal oldali a chrome, jobb pedig ff



ha a line-height-ot 47px-re állítom, akkor pedig ff-ben jó és chrome-ban nem...
SzirmosSzisza
#21142
Ha már regex 😊

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Malakai
#21141
Inkább kiegészíteni akartalak, nem az aktuális problémára reagáltam. 😊

(\__/) ( X.x) ( } . { )

MerlinW
#21140
Nem mondtam én egy szóval sem, hogy nem jó dolog, csak ésszel kell használni😊
Míg a korábbi példát másodpercek alatt írom át, javítom bármikor, ezzel jóval tovább kell majd szemeznem pár hét/hónap után, hogy mit is akartam csinálni😊 

   print preg_replace("^(?=.{502})(.{0,500}(?=s)|S{500}).*$", "$1...", $string);

(francért nem lehet aposztrófot használni a fórumon)

Persze többek között pl. validálásra, formátumkezelésre, stb tökéletes a regexp.

[merlinw.org]

Malakai
#21139
Regex tény nem a leggyorsabb dolog, amikor tuti fix szövegeket kell cserélni, megtalálni, akkor igen ritka, hogy ahhoz lenne érdemes fordulni. Na meg ez is egy külön "nyelv", sokan vétenek hibákat is és van hova optimalizálni a regexüket. Átláthatóság meg, free-spacing (x) flaggel eléggé átláthatóvá lehet tenni és commenteket is be lehet akkor szúrni, hogyha évek múlva visszamész akkor is egybõl tudd mi miért van ott.

(\__/) ( X.x) ( } . { )

MerlinW
#21138
Csak végszükség esetén használok regex-et. Nem is szeretem, régi kód esetében nem átlátható és lassú is.

[merlinw.org]

SzirmosSzisza
#21137
Regex eléggé lassú tud lenni.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Dodo55
#21136
Esetleg még regex-el space helyett bármilyen whitespace-t 😊
Norbi779
#21135
Köszönöm, mûködik. 😊
MerlinW
#21134

if (strlen($string) > 500) {

   print substr($string, 0, 500)."...";

}


Mondjuk célszerû megkeresni a legközelebbi elõzõ szóközt, hogy ne szót vágjon szét. Ezt pedig így teheted meg: 


if (strlen($string) > 500) {

   $last_space_pos = strrpos($string, " ", -(strlen($string) - 500));

   print substr($string, 0, $last_space_pos)."...";

}

[merlinw.org]

← ElőzőOldal 33 / 456Következő →