Office-achtig menu

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Programmeur PHP

Functie Wij zijn op zoek naar een PHP programmeur voor een leuke opdrachtgever in omgeving Alblasserdam. Heb jij altijd al willen werken bij een bedrijf dat veilige netwerkverbindingen levert door middel van veilige oplossingen? Lees dan snel verder. Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Tevens

Bekijk vacature »

No-Code Betty Blocks ontwikkelaar

Bedrijfsomschrijving Wil jij de bedrijfsprocessen van klanten revolutionair digitaliseren en optimaliseren zonder beperkt te worden door programmeertalen? Kom werken bij een snelgroeiende en professionele organisatie met een gezonde dosis humor en veel vrijheid om jezelf te ontwikkelen. Als No-Code Betty Blocks ontwikkelaar werk je vanuit ons kantoor in het hart van Nederland, je thuiswerkplek of op locatie bij de klant. We faciliteren de juiste trainingen en ondersteuning zodat je een echte Betty Blocks expert wordt. Naast het werk zijn er bij ons bijzondere events, zoals een jaarlijkse zeildag, een zomerse barbecue en een knus kerstdiner om de grillige maanden door

Bekijk vacature »

Junior Software Developer (HBO / WO)

Functie omschrijving Wij zijn op zoek naar een Junior Software Developer! Sta jij aan het begin van je carrière en heb je net je HBO of WO-diploma in de richting van ICT of Techniek mogen ontvangen? En heb jij grote affiniteit met software development? Dan hebben wij bij Jelling IT Professionals de perfecte opdrachtgever in de omgeving van Utrecht, die jou tot een volwaardig Fullstack Software Developer gaat opleiden. Binnen deze grote organisatie krijg je ruime en professionele trainingen die jouw in korte tijd vakbekwaam maken. Niet alleen het aan technisch aspect, maar ook zeker jouw persoonlijke ontwikkeling wordt veel

Bekijk vacature »

PHP developer - Digital Agency

Functie Het team telt momenteel 20 collega’s, bestaande uit developers (front- en backend) en het operations team, waaronder ook het management en twee scrum masters vallen. Ze zijn op zoek naar een PHP developer die in staat is zelfstandig te werken. Je komt te werken in één van de drie scrumteams en gaat aan de slag met een project voor de klant. Het fijne hieraan is dat je wel afwisseling hebt qua werk, maar tegelijkertijd doorlopend werkt voor bestaande klanten. Hierdoor krijg je ook de kans om echt de diepte in te gaan en innovatieve technische oplossingen neer te zetten.

Bekijk vacature »

Front-end Developer (HTML/CSS, Angular/React/Vue,

Functie Je zal aan de slag gaan in een klein, hecht team met front-end development experts die de ambitie delen mooi werk te leveren. Samen met hen zal je werken aan het gebruiksvriendelijk en interactief maken van complexe webapplicaties, websites en mobile apps. Je levert klanten wat ze nodig hebben terwijl je actief aan jezelf blijft werken met de ondersteuning vanuit je werkplek. Talen als Javascript programmeer jij vloeiend en je hebt kennis van frameworks als React en Angular. Je zou je het liefst nog veel meer ontwikkelen in verschillende front-end talen. Deze kennis deel je graag met je collega’s,

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Java (Java EE) Developer

In het kort Werken als Java developer betekent werken aan complexe IT projecten bij onder meer een internationaal containeroverslag bedrijf. Zo sturen we apparaten en eindgebruikers aan d.m.v. onze custom-made software oplossing, die dagelijkse vele duizenden containers verwerkt. Denk aan systemen die volautomatische kranen aansturen en op afstand bedienen, de volledige afhandeling van containernummerherkenning bij het laden en lossen van zeeschepen of het tonen van instructies aan de chauffeurs van ruim 300 straddle carriers. En dat allemaal redundant, robuust en in een dynamische 24/7 omgeving! Jij versterkt ons ontwikkelteam en gaat aan de slag met oa. Java i.c.m. Spring (Boot),

Bekijk vacature »

Lead developer

Functie Als lead developer wordt jij verantwoordelijk voor een van onze development teams. Samen met de Software Architect bewaak jij de kwaliteit en uitvoering van onze complexe vraagstukken. Daarnaast ben jij verantwoordelijk voor het inschatten, designen en ontwikkelen van middelgrote tot grote veranderingen in de software. Ook coördineer jij het proces rondom complexe technische vraagstukken. Verder bestaat jouw takenpakket uit het volgende: – Het aansturen van jouw development team; – Het begeleiden van Junior Software Engineers; – Het maken van technische analyses m.b.t. nieuwe aanvragen en het tijdsbestek inschatten voor de uitvoering hiervan; – Het uitvoeren van de ontwikkeling van

Bekijk vacature »

PHP Developer

Functie omschrijving Als PHP Developer ga jij aan de slag met uitdagende software projecten. Jij gaat in deze functie software applicaties ontwikkelen. Deze software projecten zijn heel divers, en deze organisatie maakt software, van A tot Z. Klanten kunnen in elke sector werkzaam zijn, van profit tot non-profit. Deze software bouw je vooral in PHP en specifiek Laravel. Dit framework kent dus geen geheimen voor jou. De software die jij gaat ontwikkelen is heel divers, van urenregistratiesystemen tot compleet geautomatiseerde tools. In deze veelzijdige functie ga jij je zeker niet vervelen, elke dag bestaat weer uit nieuwe uitdagingen. Bedrijfsprofiel Deze

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Java Developer

Functieomschrijving Are you an experienced Java Developer who wants to be challenged? Then this is your job! As a Java Developer, you are co-responsible for building custom applications within our extensive IT landscape. Development takes place on both the back-end side (Spring/JEE). Together with the IT department, you are responsible for the daily adjustments and expansions of our IT systems. In addition, you will work in small scrum teams using the Agile methodologies. Besides the realization of our in-house systems, you are responsible for the roll-out of the application (version) as well as the operational support after going live. Team

Bekijk vacature »

Medior/senior Back-end developer wanted!

Functie Because of the growth within the company, we are looking for reinforcement in the devlopmenttean. As a back-end developer you build the company software that helps us with the primary processes. A fun (internal) project in which you continuously develop the software! You will work in a small team, we have daily stand-ups and a scrum session every fortnight, led by our Scrum Master. During these sessions, you get the opportunity to present your ideas and discuss them with your fellow developers and the Product Owner. Within the development teams, we use Trello, Gitlab, Jiira, Confluence and Boockstack. They

Bekijk vacature »

Als Front-end developer bijdragen aan het onderwij

Functie Als front-end developer om je terecht in een team van goede en ervaren developers, en ga je werken aan de software die door miljoenen mensen gebruikt wordt. Je bent in staat om designs effectief te vertalen naar werkende feautures en hebt oog voor een goede UX van het product. Je staat voor clean code en goede documentatie. Je ziet toegevoegde waarde in het beoordelen van het werk van collega’s om zo samen te streven naar hoge kwaliteit software en code. Je dagelijkse werk bestaat uit het werken aan componenten in de Storybook. Het verbeteren en refactoren van de huidige

Bekijk vacature »

PHP Developer

Functieomschrijving Wij zijn op zoek naar een PHP Developer met Laravel ervaring! Voor een groeiende werkgever in regio Breda zijn wij op zoek naar een medior PHP developer met Laravel ervaring. Je gaat aan de slag met het ontwikkelen van maatwerk software voor klanten in een specifieke markt. Als PHP developer ben je samen met een gemotiveerd team van 6 collega’s verantwoordelijk voor de ontwikkeling, beheer en het innoveren van informatiesystemen voor klanten in een specifieke branche. Als software developer ondersteun je complexe uitdagingen van klanten. Je brengt hun wensen in kaart en vertaalt deze door naar maatwerk software. Om

Bekijk vacature »

.NET Developer Azure

Dit ga je doen Het ontwerpen en bouwen van diverse applicaties (C#, ASP.NET, MVC); Het ontwikkelen van Webservices (WCF); Het meewerken aan de transitie naar Azure; Het samenwerken met collega's binnen een Scrumteam en meedenken over de User Stories; Het bouwen van unittesten; Meedenken over nieuwe tooling, ontwikkelingen en technologieën in de markt. Hier ga je werken Je komt te werken bij een organisatie die verantwoordelijk is voor de ontwikkeling van verschillende portalen. Deze portalen worden gebruikt door diverse partijen en jouw taak is om ervoor te zorgen dat deze optimaal functioneren. Je wordt onderdeel van een Scrumteam en werkt

Bekijk vacature »
Roel -

Roel -

06/01/2013 19:13:23
Quote Anchor link
Hoi allemaal,

Iedereen kent Office tegenwoordig wel. Het menu wat ze gebruiken vind ik er ook wel mooi uitzien, en ik wou eens zoiets namaken. Ik ben al een heel eind gekomen, alleen ik krijg het niet voor elkaar om de groepen in een tab netjes naast elkaar te zetten.

Dit is m'n code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html>
    <head>
        <title>MenuTest</title>
        <style type="text/css">        
        #menu .root
        {
            list-style: none;
        }
        
        #menu .root .tab
        {
            float: left;
            padding: 5px;
            border: 1px solid #000;
            height: 20px;
        }
        
        #menu .root .tab ul
        {
            list-style: none;
        }
        
        #menu .root .tab .groups
        {
            display: none;
        }
        
        #menu .root .tab .groups .group
        {
            border: 1px solid #000;
        }
        
        #menu .root .active .groups
        {
            display: inline;
        }
        </style>
    </head>
    <body>
        <div id="menu">
            <ul class="root">
                <li class="tab active">
                    <span>Start</span>
                    <ul class="groups">
                        <li class="group">
                            <span>Klembord</span>
                            <ul class="items">
                                <li>Knippen</li>
                                <li>Kopieren</li>
                                <li>Plakken</li>                            
                            </ul>
                        </li>
                        <li class="group">
                            <span>Lettertype</span>
                            <ul class="items">
                                <li>Bold</li>
                                <li>Italic</li>
                                <li>Underline</li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="tab">
                    <span>Invoegen</span>
                    <ul class="groups">
                        <li class="group">
                            <span>Tabellen</span>
                            <ul class="items">
                                <li>Tabel</li>                        
                            </ul>
                        </li>
                        <li class="group">
                            <span>Illustraties</span>
                            <ul class="items">
                                <li>Afbeelding</li>
                                <li>Illustratie</li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </body>
</html>

Code is op zich best logisch lijkt mij. Het probleem is alleen dat de groepen onder de tab komen te staan. M'n CSS is helaas niet geweldig, dus graag zou ik een duwtje in de goede richting krijgen van iemand. :-)

Roel PHP
 
PHP hulp

PHP hulp

21/12/2024 09:12:14
 
Wouter J

Wouter J

06/01/2013 19:21:45
Quote Anchor link
Wat bedoel je met office achtig menu? Bedoel je die in metro style of de oude? Mocht je de metro versie bedoelen raad ik je aan eens hier te kijken: http://ace-subido.github.com/css3-microsoft-metro-buttons/buttons.html
 
Roel -

Roel -

06/01/2013 19:24:48
Quote Anchor link
Nee, echt die van Office 2007 en 2010. Eigenlijk bedoel ik meer gewoon het lint.
 
Keizer Webdesign

Keizer Webdesign

06/01/2013 20:00:34
Quote Anchor link
U bedoeld dit denk ik ;) :
http://gemist.cs-hosting.nl/test/
Gewijzigd op 06/01/2013 20:05:36 door Keizer Webdesign
 
Roel -

Roel -

06/01/2013 20:28:13
Quote Anchor link
Hmm, dat is met allemaal div's.
Lijkt mij nogal omslachtig, je gaat namelijk nesten en dat kun je beter met lists doen denk ik.
Gewijzigd op 06/01/2013 20:29:34 door Roel -
 
Keizer Webdesign

Keizer Webdesign

06/01/2013 20:32:20
Quote Anchor link
nou als u mijn script wil gebruiken kijk dan maar hier:
http://rogerpincombe.com/ribbon
 
Wouter J

Wouter J

06/01/2013 20:34:40
Quote Anchor link
Je kan dit niet met lijsten oplossen, in elk geval niet met sub lijsten. Hoe ik het zou doen is met 2 lijsten, 1 voor de tabs ('start' en 'invoegen') en 1 voor het lint ('klembord', 'lettertype', ect.). Dit zorgt er ook voor dat je makkelijk het hele lint kunt weglaten en makkelijk kunt switchen.

De HTML code wordt dan:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<section class="lint-nav">
    <ul class="nav__tabs">
        <li class="nav__tab"><a href="#start">Start</a></li>
        <li class="nav__tab"><a href="#invoegen">Invoegen</a></li>
    </ul>
    <ul class="nav__lint">
        <li class="nav__block" id="start">
            <!-- ... --->
        </li>
        <!-- ... -->
    </ul>
</section>
 
K M

K M

06/01/2013 21:27:19
Quote Anchor link
Het is heel simpel,
Hij plaatst die items onder elkaar omdat .groups geen width heeft.
Aangezien het inline elementen zijn (dus als tekst worden behandeld) worden de items afgekapt en onder elkaar gezet.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
|----------------------|
| Zeg maar een beetje  |
| dit effect           |
|----------------------|


Als je op .groups
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
white-space: nowrap;
gooi dan worden de items wel naast elkaar gezet omdat lijnen nu niet meer worden afgehakt.

|----------------------|
| zeg maar een beetje d|it effect
|----------------------|

Je zou het ook kunnen oplossen door .groups een width te geven.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.