Add screenshots that show how to run Tor Browser on OS X. (3b647388e)

Add screenshots that show how to run Tor Browser on OS X.

David Fifield commited on 2015-04-25 02:17:38
Zeige 2 geänderte Dateien mit 32 Einfügungen und 0 Löschungen.

https://trac.torproject.org/projects/tor/ticket/14838

css/layout.css 4e305f7cf..54d225b58
download/en/download-easy.wml 727a8747f..0868a0d47

css/layout.css

Zeige Datei @ 3b647388e

@@ -660,6 +660,20 @@ table tr img {
 	padding-bottom: 8px;
 }
 
+.howto th, .howto td {
+	padding: 2px;
+}
+
+.howto th {
+	font-weight: bold;
+	text-align: center;
+}
+
+.howto img {
+	border: 0;
+	margin: 0;
+}
+
 #download-donate {
 	background-attachment: scroll;
 	background-clip: border-box;

download/en/download-easy.wml

Zeige Datei @ 3b647388e

@@ -75,6 +75,24 @@
 	  </form>
 	  <p class="alt-dl">Not Using Mac? Download for <a href="#windows">Windows</a> or <a href="#linux">GNU/Linux</a></p>
         </div>
+        <!-- To update these screenshots: Press Command-Shift-4 and then Spacebar, then click on the window. See #14838. -->
+        <table class="howto">
+          <tr>
+            <th>1. Install</th>
+            <th>2. Control-click</th>
+            <th>3. Open</th>
+          </tr>
+          <tr>
+            <td><img src="$(IMGROOT)/tbb-macosx-step-1.png" alt="Screenshot showing the contents of the Tor Browser dmg file."></td>
+            <td><img src="$(IMGROOT)/tbb-macosx-step-2.png" alt="Screenshot of the Applications folder with the Tor Browser icon."></td>
+            <td><img src="$(IMGROOT)/tbb-macosx-step-3.png" alt="Dialog offering to open Tor Browser."></td>
+          </tr>
+          <tr>
+            <td>Drag the Tor Browser icon to the Applications folder and open the Applications folder.</td>
+            <td>Control-click on the Tor Browser icon (click the mouse button while pressing the Control key on the keyboard) and choose &ldquo;Open&rdquo;.</td>
+            <td>Click &ldquo;Open&rdquo; on the next screen.</td>
+          </tr>
+        </table>
       </div>
 <!-- START LINUX -->
       <div id="linux" class="easy linux">


...	...	@@ -660,6 +660,20 @@ table tr img {
660	660	padding-bottom: 8px;
661	661	}
662	662
	663	+.howto th, .howto td {
	664	+ padding: 2px;
	665	+}
	666	+
	667	+.howto th {
	668	+ font-weight: bold;
	669	+ text-align: center;
	670	+}
	671	+
	672	+.howto img {
	673	+ border: 0;
	674	+ margin: 0;
	675	+}
	676	+
663	677	#download-donate {
664	678	background-attachment: scroll;
665	679	background-clip: border-box;

...	...	@@ -75,6 +75,24 @@
75	75	</form>
76	76	<p class="alt-dl">Not Using Mac? Download for <a href="#windows">Windows</a> or <a href="#linux">GNU/Linux</a></p>
77	77	</div>
	78	+ <!-- To update these screenshots: Press Command-Shift-4 and then Spacebar, then click on the window. See #14838. -->
	79	+ <table class="howto">
	80	+ <tr>
	81	+ <th>1. Install</th>
	82	+ <th>2. Control-click</th>
	83	+ <th>3. Open</th>
	84	+ </tr>
	85	+ <tr>
	86	+ <td><img src="$(IMGROOT)/tbb-macosx-step-1.png" alt="Screenshot showing the contents of the Tor Browser dmg file."></td>
	87	+ <td><img src="$(IMGROOT)/tbb-macosx-step-2.png" alt="Screenshot of the Applications folder with the Tor Browser icon."></td>
	88	+ <td><img src="$(IMGROOT)/tbb-macosx-step-3.png" alt="Dialog offering to open Tor Browser."></td>
	89	+ </tr>
	90	+ <tr>
	91	+ <td>Drag the Tor Browser icon to the Applications folder and open the Applications folder.</td>
	92	+ <td>Control-click on the Tor Browser icon (click the mouse button while pressing the Control key on the keyboard) and choose “Open”.</td>
	93	+ <td>Click “Open” on the next screen.</td>
	94	+ </tr>
	95	+ </table>
78	96	</div>
79	97	<!-- START LINUX -->
80	98	<div id="linux" class="easy linux">
81	99

tor-webwml.git