Udvikleren.dk - Seneste [bootstrap] forum tr�de

Kompilering af bootswatch

Tue, 01 Dec 2015 21:07:48 GMT

Hej
Jeg er ved at f� en lille smule hovedpine over et problem jeg har b�vlet lidt med.
Jeg har hentet nogle tilretninger fra Bootswatch for at give mit bootstrap tema et lidt andet look at starte ud fra.
Dog kan jeg simpelthen ikke finde ud af hvordan jeg f�r den til at sammenl�gge de oprindelige sass filer fra bootstrap med de to filer jeg har med bootswatch �ndringerne.

Jeg har fundet frem til at jeg med stor sandsynlighed skal tilf�je nogle imports i _bootstrap.scss, men hvis jeg holder det kompilerede resultat op i mod det jeg f�r ved blot at overskrive bootstrap.min.css med den version der kommer.
Det jeg har pr�vet er at udskifte denne linje

Kode

@import "bootstrap/variables";

med denne

Kode

@import "bootswatch/paper/variables";

I bunden af filen har jeg s� placeret denne

Kode

@import "bootswatch/paper/bootswatch";

Her er den komplette fil i tilrettet form

Kode

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

// Core variables and mixins
@import "bootswatch/paper/variables";
@import "bootstrap/mixins";

// Reset and dependencies
@import "bootstrap/normalize";
@import "bootstrap/print";
@import "bootstrap/glyphicons";

// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";
@import "bootstrap/tables";
@import "bootstrap/forms";
@import "bootstrap/buttons";

// Components
@import "bootstrap/component-animations";
@import "bootstrap/dropdowns";
@import "bootstrap/button-groups";
@import "bootstrap/input-groups";
@import "bootstrap/navs";
@import "bootstrap/navbar";
@import "bootstrap/breadcrumbs";
@import "bootstrap/pagination";
@import "bootstrap/pager";
@import "bootstrap/labels";
@import "bootstrap/badges";
@import "bootstrap/jumbotron";
@import "bootstrap/thumbnails";
@import "bootstrap/alerts";
@import "bootstrap/progress-bars";
@import "bootstrap/media";
@import "bootstrap/list-group";
@import "bootstrap/panels";
@import "bootstrap/responsive-embed";
@import "bootstrap/wells";
@import "bootstrap/close";

// Components w/ JavaScript
@import "bootstrap/modals";
@import "bootstrap/tooltip";
@import "bootstrap/popovers";
@import "bootstrap/carousel";

// Utility classes
@import "bootstrap/utilities";
@import "bootstrap/responsive-utilities";
//Overrides
@import "bootswatch/paper/bootswatch";

Er der nogen som kan fort�lle mig hvordan dette skal sammens�ttes for at det kommer til at virke?

Upload til server

Fri, 13 Mar 2015 17:59:23 GMT

Hej

Jeg har en upload funktion af billeder til en mappe p� en server i et lille lukket forum.
Til at begynde med brugte jeg med succes f�lgende :

<form action="ForumTest.php" enctype="multipart/form-data" method="post">
<input name="uploadedimage" type="file">

<input name="Upload Now" type="submit" value="Upload Image">
</form>

Efterf�lgende �ndrede jeg designet p� siden og begyndte at bruge bootstrap. Jeg fandt en fil upload funktion med noget preview af billede inden upload.

Men jeg kan simpelthen ikke f� det til at virke. Nogen der kan se hvad der er forkert eller mangler i koden?

<form class="form-inline" action="ForumTest.php" method="get">
<div class="fileinput fileinput-new" data-provides="fileinput">
<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;"></div>
<div>
<span class="btn btn-primary btn-file"><span class="fileinput-new">V�lg billede</span><span class="fileinput-exists">Skift</span><input type="file" name="uploadedimage"></span>
<a href="#" class="btn btn-primary fileinput-exists" data-dismiss="fileinput">Slet</a>

<button type="submit" class="btn btn-primary">Upload billede</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">Luk</button>

</form>

Social ikoner hover funktion

Tue, 29 Jul 2014 15:37:11 GMT

Hej

Jeg har et lille problem som jeg ikke rigtig kan se mig ud af, jeg har en stak sociale ikoner der m�ler 24x24 de er lavet som sprites der best�r af 24x48px billeder. M�den det skulle virke p� er som en hover funktion s� den skifter mellem de ikoner i hver sprites. Jeg kan ikke lige se mig ud af hvordan det kan laves.

Min kode ser s�dan her ud

HTML kode

 <div class="social_icons">
 <a href="" target="_blank"><img class="img-circle img-responsive" src="img/social-icons/facebook.png" width="24" height="24" border="0" alt="Facebook"></a>
 <a href="" target="_blank"><img class="img-circle img-responsive" src="img/social-icons/twitter.png" width="24" height="24" border="0" alt="Twitter"></a>
 <a href="" target="_blank"><img class="img-circle img-responsive" src="img/social-icons/gplus.png" width="24" height="24" border="0" alt="Google+"></a>
 </div>